用Opera Mobile调试手机版网页

1年以前  |  阅读数:764 次  |    

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

调试代码是每个程序开发者必须熟练掌握的技能,前端开发也不例外。只要你的浏览器不是太陈旧,按下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)

相关文章:


SSH 登录失败:Host key verification failed

PHP分页显示制作详细讲解

PHP自定义函数获取搜索引擎来源关键字的方法

将二进制数据转为16进制以便显示

在Zeus Web Server中安装PHP语言支持

Java生成UUID

让你成为最历害的git提交人

再谈PHP中单双引号的区别详解

获取IMSI

PHP实现简单爬虫的方法

Python 2与Python 3版本和编码的对比

php+ajax+json 详解及实例代码

wget使用技巧

php封装的page分页类完整实例

php实现数组中索引关联数据转换成json对象的方法

PHP设计模式之工厂模式与单例模式

php数组合并array_merge()函数使用注意事项

桌面中心(一)创建数据库

Yii2汉字转拼音类的实例代码

getAttribute和getAttributeNode