我有一台iPad,我想知道我是否可以使用Webkit Inspector从桌面远程调试它?据我了解,它要求您使用命令行开关启动浏览器 . 我不认为这可以在iPad上做,但我可能错了 .
那么iPad2呢?还是Android平板电脑?
见weinre
这是一段摘录:
它是网页的调试器,如FireBug(用于FireFox)和Web Inspector(用于基于WebKit的浏览器),除了它旨在远程工作,特别是允许您在移动设备(如手机)上调试网页 .
如果您不熟悉FireBug或Web Inspector,那么对您来说并不是很有意义 . 我们重复使用WebKit上的Web Inspector项目中的用户界面代码,因此如果您使用过Safari的Web Inspector或Chrome的开发人员工具,那么我们将非常熟悉 .
现在,您可以直接在iPad / iPhone模拟器上使用Safari 6和新的Web Inspector进行调试http://encoreptl.tumblr.com/post/31512516711/web-inspector-debugging-for-iphone-and-ipad-from-mac-os
另外一个新的博客文章使用私人apis,这使这很容易 - 见http://atnan.com/blog/2011/11/17/enabling-remote-debugging-via-private-apis-in-mobile-safari/
对于iPad Emulator(Xcode 4.2),您可以使用iWebInspector轻松启用远程控制台:
http://www.iwebinspector.com/
您的问题提及Android平板电脑 . 借助适用于Android的Chrome(4.0),您可以在Chrome中通过USB远程调试桌面上的网页 . 我用它并且效果很好 . 见https://play.google.com/store/apps/details?id=com.android.chrome&hl=en和https://developers.google.com/chrome/mobile/docs/debugging .
编辑:weinre,在上面接受的答案中提到,也报告它在Android浏览器中有效 .
保罗是对的,我们很棒 . 此外,在http://css-tricks.com/14727-five-questions-with-paul-irish/中,Paul Irish暗示Chrome Developer Tools / Webkit Inspector可以实现这一目标:
我对团队在远程调试方面所做的工作感到非常兴奋,因为现在所有移动WebKit端口都可以使用,这意味着您可以在设备上分析,查看网络详细信息和编辑CSS . 但是,我还没有看到有关如何使用iOS Safari执行此操作的示例 .
您也可以使用它来激活设备上的Firebug . 在Windows上为我工作
http://martinkool.com/post/13629963755/firebug-on-ipad-and-iphone
Safari允许您调试和检查移动浏览器中的元素 . 许多远程控制台,如www.farjs.com或jsconsole.com也允许这样做 .
www.farjs.com与Charles等调试代理一起使用也允许您在本机应用程序中调试Web视图 .
如果您没有使用基于Webkit的调试器,也可以使用Firefox的Inspector进行调试,那么使用Firefox Developer Edition可能就是您的答案 . 这个版本的Firefox包含WebIDE和Valence,它们共同使得在iPad上调试Safari变得非常容易 . 以下是要遵循的步骤:
在iPad上启用Safari上的'Web Inspector':转到设置> Safari>高级> Web检查器并确保它已打开 .
打开要调试的页面 .
使用USB线将iPad连接到本机 .
在您的计算机中打开Firefox Developer Edition .
点击Firefox中的WebIDE插件(您可能需要在主菜单下查找)
选择它 . 将出现FF开发工具窗口 .
调试一下!
9 回答
见weinre
这是一段摘录:
它是网页的调试器,如FireBug(用于FireFox)和Web Inspector(用于基于WebKit的浏览器),除了它旨在远程工作,特别是允许您在移动设备(如手机)上调试网页 .
如果您不熟悉FireBug或Web Inspector,那么对您来说并不是很有意义 . 我们重复使用WebKit上的Web Inspector项目中的用户界面代码,因此如果您使用过Safari的Web Inspector或Chrome的开发人员工具,那么我们将非常熟悉 .
现在,您可以直接在iPad / iPhone模拟器上使用Safari 6和新的Web Inspector进行调试http://encoreptl.tumblr.com/post/31512516711/web-inspector-debugging-for-iphone-and-ipad-from-mac-os
另外一个新的博客文章使用私人apis,这使这很容易 - 见http://atnan.com/blog/2011/11/17/enabling-remote-debugging-via-private-apis-in-mobile-safari/
对于iPad Emulator(Xcode 4.2),您可以使用iWebInspector轻松启用远程控制台:
http://www.iwebinspector.com/
您的问题提及Android平板电脑 . 借助适用于Android的Chrome(4.0),您可以在Chrome中通过USB远程调试桌面上的网页 . 我用它并且效果很好 . 见https://play.google.com/store/apps/details?id=com.android.chrome&hl=en和https://developers.google.com/chrome/mobile/docs/debugging .
编辑:weinre,在上面接受的答案中提到,也报告它在Android浏览器中有效 .
保罗是对的,我们很棒 . 此外,在http://css-tricks.com/14727-five-questions-with-paul-irish/中,Paul Irish暗示Chrome Developer Tools / Webkit Inspector可以实现这一目标:
您也可以使用它来激活设备上的Firebug . 在Windows上为我工作
http://martinkool.com/post/13629963755/firebug-on-ipad-and-iphone
Safari允许您调试和检查移动浏览器中的元素 . 许多远程控制台,如www.farjs.com或jsconsole.com也允许这样做 .
www.farjs.com与Charles等调试代理一起使用也允许您在本机应用程序中调试Web视图 .
如果您没有使用基于Webkit的调试器,也可以使用Firefox的Inspector进行调试,那么使用Firefox Developer Edition可能就是您的答案 . 这个版本的Firefox包含WebIDE和Valence,它们共同使得在iPad上调试Safari变得非常容易 . 以下是要遵循的步骤:
在iPad上启用Safari上的'Web Inspector':转到设置> Safari>高级> Web检查器并确保它已打开 .
打开要调试的页面 .
使用USB线将iPad连接到本机 .
在您的计算机中打开Firefox Developer Edition .
点击Firefox中的WebIDE插件(您可能需要在主菜单下查找)
选择它 . 将出现FF开发工具窗口 .
调试一下!