最近在做HTML 5游戏时,发布到手机上访问网页总是莫名其妙出现问题,苦于没有remote debug功能一直没有查找到问题. 这边博客详细介绍了iOS, Android, Windows Phone的调试方法: http://developer.telerik.com/featured/a-concise-guide-to-remote-debugging-on-ios-android-and-windows-phone/ 1. 使用方法 在Mac下连接iPhone试了一下确实不错, 环境:

转http://www.2cto.com/kf/201403/283404.html afari 前端开发调试 iOS 完美解决方案 2014-03-05      0个评论    来源:Safari 前端开发调试 iOS 完美解决方案   收藏    我要投稿 在日趋现代化的 Web 网络中,各种现代浏览器和移动终端设备的用户百分比越来越高.对于我们 Web 前端开发者来说,运行 iOS Safari 浏览器的苹果移动设备对我们来说更是不容忽视的.然而当我们需要对前端页面进行测试调试时,桌面版

最近做浏览器兼容的时候发现Safari的脚本调试工具比较难找,因此与大家分享一下 1.找到脚本调试的选项 2.勾选此选项 3.在页面空白处右击打开调试窗口 4.看到下方的调试窗口了 细心的读者会发现,Safari的调试工具与Chrome用的是一个调试工具--Web Inspector. 另外也介绍一下其他几种浏览器的调试器打开方法: 1.IE:F12,这个我们经常会用到,或者工具[Tools]里面的菜单也可以打开,如果需要监控需要另外安装HttpWatch或者Fidder[别的浏览器也能用]插件

在web开发的过程中,抓包.调试页面样式.查看请求头是很常用的技巧.其实在iOS开发中,这些技巧也能用(无论是模拟器还是真机),不过我们需要用到mac自带的浏览器Safari.所以,本文将讲解如何使用Safari对iOS程序中的webview进行调试. 环境信息: Mac OS X 10.10.1 Xcode 6.1.1 iOS 8.1 正文: 1. 打开模拟器(真机)的开发者模式 [设置]->[Safari]->[高级]->[Web检查器]打开 打开iphone设备中的web检查器 2

由于android终端usb接口比较松,公司的无线网络使用人过多比较慢,所以想使用PC端无线直连 调试Android终端 配置无线共享 1 网卡要支持 2 安装 plasma-nm sudo apt-get install plasma-nm 3 配置链接 kde5-nm-connection-editor 添加-wifi共享 连接名称:myubuntu SSID:ubuntu wifi-模式:接入点 wifi-安全:选择相应的加密方式和设置密码 ipv4-方法:与其他计算机共享 点击ok 4

[iOS]使用safari对webview进行调试 在web开发的过程中,抓包.调试页面样式.查看请求头是很常用的技巧.其实在iOS开发中,这些技巧也能用(无论是模拟器还是真机),不过我们需要用到mac自带的浏览器Safari.所以,本文将讲解如何使用Safari对iOS程序中的webview进行调试. 环境信息: Mac OS X 10.10.1 Xcode 6.1.1 iOS 8.1 正文: 1. 打开模拟器(真机)的开发者模式 [设置]->[Safari]->[高级]->[Web检

Mac下的Chrome或Safari访问跨域设置: mac下终端启动Chrome $ open -a Google\ Chrome --args --disable-web-security 或 /Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --disable-web-security mac下终端启动Safari(试过没用!) open -a '/Applications/Safari.app' --args --

在我们用phoengap+html5做的移动app中,经常遇到的问题就是 本地网页兼容但是到了app出现不兼容的情况,原因是手机端页面,大多运行在webkit内核的浏览器上,但还是会因平台.厂商的不同而有种种兼容性问题. 下面就介绍一下在iOS和Android两个平台上如何在真机上对页面进行调试.这里要说明的是,iOS平台只能用自带的Safari浏览器来调试,而Android平台也只能用google Chrome浏览器来调试.当然,我目前只发现这么两种手段,如果你还有其他方法可调试更多的浏览器,

在JXA代码中加入如下代码后,可使用 Safari Web Inspector 调试: //debugger; 使用 Safari Web Inspector 查看 Array 或 Object 并不比交互命令行清晰.可以使用以下命令进行交互调试: osascript -l JavaScript -i JavaScript for OS X Automation 控制 Mac OS UIElements 自动化操作时,没有可视化的控件树,寻找控件不一定方便,可使用如下命令即可得到控件树数组,此时

我们知道在 Mac/PC 上的浏览器都有 Web 检查器这类的工具(如最著名的 Firebug)对前端开发进行调试,而在 iPhone/iPad 由于限于屏幕的大小和触摸屏的使用习惯,直接对网页调试非常不方便,所以一直没有 Web 检查器这一类工具. 但是 iOS 6 的发布解决了这个问题. iOS 6 给 Safari 带来了远程的 Web 检查器工具(Remote Web Inspector),你可以通过模拟器或者真实的设备(通过 USB 连上 Mac)进行调试.下面我讲讲详细的调试过程:

原文:http://blog.jobbole.com/68606/ 原文出处: 阿伦孟的博客(@allenm ) 第一篇中讲解了如何让手机来请求我们开发电脑上的源码,做到了这步后,我们可以改完代码立即看到效果,但是对于调试还是远远不够的.这篇文章我们继续讲目前常用的几种 Developer tools. PC 端的经验 在使用桌面浏览器开发时,几乎每种浏览器都有自己的开发者工具,比如大家常用的 firebug , chrome develper tools , safari developer

真机调试 调试安卓 方法一 开启手机的USB调试 安装运行项目 使用chrome步骤如下图 打开开发者工具 打开设备管理 选择设备进行debug 方法二: 直接在地址栏输入chrome://inspect/#devices 调试Ios 1.设备开始web检查器 '设置 > Safari > 高级' 2.设备在Safari打开要调试的网页/打开hybirdapp 3.设备使用数据线与Mac相连 4.mac打开xcode 5.mac打开Safari,选择要调试的设备

前言 在阅读下面内容之前,那么些简单的了解浏览器开发者工具到底是什么东西,到底有什么用途. 浏览器开发者工具到底是什么? 其实简单的说,浏览器开发者工具就是给专业的web应用和网站开发人员使用的工具,当然只要你有兴趣想要了解,只要你对这个世界充满这好奇,什么东西你都可以了解. 开发者工具到底有什么用? 它的作用在于,帮助开发人员对网页进行布局,比如HTML+CSS,帮助前端工程师更好的调试脚本(JavaScript.jQuery)之类的,还可以使用工具查看网页加载过程,获取网页请求(这个过程也叫

前言 我们大前端团队内部 ?每周一练 的知识复习计划继续加油,本篇文章是 <Hybrid APP 混合应用专题> 主题的第二期和第三期的合集. 这一期共整理了 10 个问题,和相应的参考答案,文字和图片较多,建议大家可以收藏,根据文章目录来阅读. 之前分享的每周内容,我都整理到掘金收藏集 ?<EFT每周一练> 上啦,欢迎点赞收藏咯??. 内容回顾: <EFT 每周分享 -- Hybrid App 应用开发中 5 个必备知识点复习> <EFT 每周分享 -- HTT

首先,在各个浏览器中,断点调试支持的最好的当然是Firefox,Firefox不仅可以使用Firebug调试页面js脚本,还可以用高级调试工具例如JavaScript Debugger (Venkman) 来调试Firefox扩展里的js.除此之外,Firefox还支持一些更为高级的断点调试.变量监视功能. 其他浏览器里,Opera.Chrome和Safari的调试功能也比较好用.Opera的DragonFly速度相对比较快,界面清爽,功能强大,但不如Safari等友好.相比来说,IE8的程序员

H5 移动调试全攻略 随着移动设备的高速发展,H5 开发也成为了 F2E 不可或缺的能力.而移动开发的重中之重就是掌握调试技巧,定 Bug于无形. 一.概要 因为移动端操作系统分为 iOS 和 Android 两派,所以本文的调试技巧也会按照不同的系统来区分.寻找最合适高效的方式,才能让你事半功倍. 文章会列举目前适合移动端调试的多种方案,快来选择你的最佳实践吧! 二.iOS 设备 Safari:iphone 调试利器,查错改样式首选,需要我们做如下设置: 浏览器设置:Safari – 偏好设置

移动端调试Web页面 虽然可以在PC下,通过开发者工具,模拟移动端,但是这样只能模拟页面样式,对于代码的执行情况是无法模拟的,所以在此结合实际调试经验,针对安卓与IOS设备,进行总结. IOS 安卓 IOS 软件准备 Node.js Scoop Remotedebug-ios-webkit-adapter 说明: Scoop是一款Windows下命令行包管理工具 Scoop安装完后,通过它下载 ios-webkit-debug-proxy 安装Node模块:remotedebug-ios-web

最近Path这个应用很火爆,网上也出现了不少仿Path菜单的项目.即使在原生APP里边,Path的效果也是非常赞的.我突然想,Web APP是不是也能做出类似Path那样的效果呢?于是就有了OPath这个项目,它的客户端部分是完全用PhoneGap+HTML5开发的.        坦白的讲,OPath比Path差得不是一点半点,但是比很多国产的原生应用体验要好,下边是演示视频. 看完视频如果你对效果还满意的话,请接着往下看.我会和大家分享如何做一个这样的应用,包括整个前端(HTML5)和后端(

原文链接:http://caibaojian.com/mobile-touch-event.html 本文主要介绍 TouchEvent 相关的一些对象与属性如 Touch, TouchList, touhces, targetTouches 等,以及使用的注意点和误区. 触摸事件有以下几种类型:touchstart,touchmove,touchend这三种用的比较多,还有不常用的touchcancel事件.当然 MDN上还介绍了touchenter,touchleave事件,具体适用的场景及

注:本文内容较长且细节较多,建议先收藏再阅读,原文将在 Github 上维护与更新. 在 HTTP 接口开发与调试过程中,我们经常遇到以下类似的问题: 为什么本地环境接口可以调用成功,但放到手机上就跑不起来? 这个接口很复杂,内部调用了好几个其他接口,如何定位问题究竟出在哪一步? 后端开发还没有把接口提供好,前端开发任务无法推进…… 「猫哥网络编程系列」最核心的任务便是向各位分享一个我从多年的前后端项目中总结而来的「万能」HTTP 调试法,掌握并从网络编程原理上理解它,能让我们顺利定位并解决所有

Cocos2d-x win7 + vs2010 配置图文详解 下载最新版的cocos2d-x.打开浏览器,输入cocos2d-x.org,然后选择Download,本教程写作时最新版本为cocos2d-1.01-x-0.9.1,具体下载位置如下图: 下载完之后,解压到当前文件夹.我把下载的程序放在F盘根目录,解压完毕之后,双击打开文件夹,看看里面有什么东西,红圈部分就是我们要安装使用的文件: 接下来,我们正式安装cocos2d-x到win7中去. 首先,双击上图中的cocos2d-win32.v