用Opera Mobile调试手机版网页

调试代码是每个程序开发者必须熟练掌握的技能，前端开发也不例外。只要你的浏览器不是太陈旧，按下F12就能看到各种调试控制台。这里不打算讲具体项目中如何调试代码 ，而是介绍下如何在Opera桌面版里远程调试Opera Mobile中的页面。

先下载最新的Opera Mobile Emulator，装好运行，再打开Opera桌面版（版本不要太低），通过热键（Ctrl+Shift+I）或右键点击"检 查元素"，激活Opera调试工具Dragonfly。接下来分别在Dragonfly和Opera Mobile（在地址栏输opera:debug敲回车）配置远程调试。

一般，保持默认端口不变即可，如果默认的7001端口被占，就改成其它。先在Dragonfly里应用设置，再在Opera Mobile点connect。不出意外的话，Dragonfly自动关闭设置浮层，可以开始调试了。

（查看和修改Dom）

（让Opera Mobile运行测试JS）

不少人会搞混淆Opera Mobile和Opera Mini，可以自行搜索下二者的区别。另外，Chrome也支持了远程调试，点这里可以看到相关介绍。

专题「开发工具」的其他文章 »

• 开始使用 Vagrant (Aug 23, 2015)
• 搭建 ngrok 服务实现内网穿透 (Apr 19, 2015)
• Chrome 32 开发者工具的几个变化 (Jan 19, 2014)
• Genymotion：超赞的安卓虚拟机 (Nov 28, 2013)
• 打造 Mac 下的完美开发环境 (Oct 09, 2013)
• 如何在 Mac 下使用 Fiddler (Sep 13, 2013)
• 看懂 Fiddler 的瀑布图 (Sep 04, 2013)
• firebug1.12 更新 (Aug 29, 2013)
• [小Tip]用好浏览器的控制台 (Aug 11, 2013)
• firebug1.10更新 (Jul 16, 2012)