如何用OperaMobile调试手机版网页

如何用OperaMobile调试手机版网页

调试代码是每个程序开发者必须熟练掌握的技能，前端开发也不例外。只要你的浏览器不是太陈旧，按下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也支持了远程调试，点这里可以看到相关介绍。