手机web开发：使用Opera Dragonfly远程调试Opera Mobile页面

平时我也不常用Opera的Dragonfly，基本上都是用Firebug,Chrome、IE 的developer tools。Dragonfly除了有其它调试工具的基本功能之外，还有一个很有用的功能－－远程调试，这个对于手机web开发来说，是非常有实用的强大工具。

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

通常移动web开发人员应用远程调试的场景有两种：

• 可以使用Wi-Fi将自己的手机连接到与开发机相同的局域网，这样用手机测试自己的web页面。【请注意，一定是要在相同的局域网！！单单是用USB链接电脑是不能算成功链接到电脑的。绝对是血泪的教训，先前没有主要这一点，一直链接不成功。手机要安装高版本的Opera Mobile的哦！】
• 另一种方式是安装Opera Mobile模拟器（Opera Mobile Emulator），直接在开发机上进行模拟测试。

手机链接电脑，我肯定是用了，测试过的，不过没有用相机截图对比下。

就用Opera Dragonfly远程调试Opera Mobile模拟器上的web页面。

1、

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

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

3、

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

文参考：http://figlog.me/web/opera-remote-debugging-for-mobile-web-development.html

来自  http://blog.sina.com.cn/s/blog_655388ed01015dbs.html