用opera调试手机页面

对于网页开发者来说,现在调试页面、脚本及样式都已经非常容易。各个主流浏览器都有自己的调试工具:Firefox中使用Firebug;IE,Chrome和Safari也都有Developer Tools,而Opera自带的调试工具Opera Dragonfly(Opera蜻蜓)除了有其它调试工具的基本功能之外,还有一个很有用的功能--远程调试,这个对于手机web开发来说,是非常有实用的强大工具。

Opera Dragonfly的远程调试是这样的一种方式,你可以用一台电脑上的Opera Dragonfly调试手机上使用Opera Mobile浏览的网页,当然,不仅仅是手机,平板电脑上的Opera Mobile也一样。

通常移动web开发人员应用远程调试的场景有两种:
可以使用Wi-Fi将自己的手机连接到与开发机相同的局域网,这样用手机测试自己的web页面。
另一种方式是安装Opera Mobile模拟器(Opera Mobile Emulator),直接在开发机上进行模拟测试。

以下只演示使用Opera Dragonfly远程调试Opera Mobile模拟器上的web页面。


按Ctrl+Shift+I打开Opera Dragonfly,点击右上角的“远程调试设置”按钮,在设置对话框中,可以设置远程调试服务的监听端口,或者直接点击“应用”按钮,使用默认设置开启远程调试服务。


使用Opera Mobile模拟器打开一个Opera Mobile浏览器,在地址栏输入opera:debug,进入“连接到调试器”页面,设置好IP地址和端口号(通常保持默认即可),点击“Connect”按钮,此时,如果配置正确的话,另一边的Opera Dragonfly就会取得Opera Mobile的页面信息。


现在可以在Opera Mobile上打开任何一个网页,然后使用Opera Dragonfly进行调试。

除了Opera,基于WebKit的浏览器也可以进行远程调试,例如,你可以使用Chrome远程调试Safari浏览器上的页面,具体可以参考Chrome Developer Tools: Remote Debugging。

移动互联网来了,使用Opera Dragonfly,能根据各种设备的差异调整页面,这也是一种web开发者需要掌握的技能素质。

原文地址:https://www.cnblogs.com/renminghao/p/3228214.html