使用webkit远程调试启动移动浏览器

Question

在Google I/O 2011:Chrome Dev Tools Reloaded中,Paul Irish和Pavel Feldman引入了新的远程调试功能 - 该功能已经包含在webkit中.

-

这是个好消息,特别是对于移动网络开发者.但是我们如何启用它,例如启动IOS模拟器,或者只是在iPhone上运行Safari Mobile？(对于chrome,传统上--remote-debugging-port=9222在启动时使用选项).

我试图使在Safari中设置开发模式(Settings> Safari> Developer> Debug Console: ON),但没有成功...

我不知道android在这里,但有没有人知道Apple(Safari Mobile)或Google(android的浏览器)何时会包含这个新功能,所以我们可以在移动开发中享受远程调试？

谢谢.

参考:http://paulirish.com/2011/a-re-introduction-to-the-chrome-developer-tools/#comment-63113

Answer 1

iOS 6上的Safari 在iOS6中,您现在可以从Safari 6(仅限OS X)进行远程调试.在设备上,打开"设置">"Safari">"高级">"启用Web检查器".打开Safari首选项,高级,选中"在菜单栏中显示开发菜单".使用USB线连接iPhone/iPad.现在,在"开发"菜单栏下,您应该获得设备的子菜单,其中包含您在设备上的Safari中打开的选项卡.

iOS 7上的Safari 除了上述要求之外,您还需要Safari 6.1,目前(2013年10月8日)只能作为开发人员的种子使用:https://developer.apple.com/downloads/index.action？命名=野生%206.1

Android 4上的Chrome在Android 上有点复杂.有关在Android版Chrome上进行远程调试的说明,请访问:https://developers.google.com/chrome/mobile/docs/debugging 我还没有找到在Android默认浏览器(v4.04)中启用远程调试的方法.

Answer 2

看一下这个bash脚本,用iOS模拟器启动远程检查器:https://gist.github.com/2241976