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

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

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

用Opera Mobile调试手机版网页

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

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

通常,保持默认端口不变便可,若是默认的7001端口被占,就改为其它。先在Dragonfly里应用设置,再在Opera Mobile点connect。不出意外的话,Dragonfly自动关闭设置浮层,能够开始调试了。chrome


(查看和修改Dom)浏览器


(让Opera Mobile运行测试JS)工具

很多人会搞混淆Opera Mobile和Opera Mini,能够自行搜索下两者的区别。另外,Chrome也支持了远程调试,点这里能够看到相关介绍。post

相关文章
相关标签/搜索