用Opera Mobile调试手机版网页【转】

注意:新版本的opera已经采用webkit内核,没有dragonfly了。

要下载12版的http://get.geo.opera.com/pub/opera/win/1216/int/Opera_1216_int_Setup.exe

用Opera Mobile调试手机版网页

发表于 2011-07-19

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

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

用Opera Mobile调试手机版网页【转】

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

用Opera Mobile调试手机版网页【转】
(查看和修改Dom)

用Opera Mobile调试手机版网页【转】
(让Opera Mobile运行测试JS)

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

本文链接:http://www.imququ.com/post/81.html

上一篇:trove命令翻译(上)(只做翻译,未实验效果)


下一篇:【JMeter】JMeter在linux下运行