链接地址:http://www.neirong.org/post-256.html?utm_source=tuicool

Chrome浏览器请看:Chrome浏览器测试移动端网站和模拟手机浏览器的方法

Firefox浏览器请看:浏览器测试移动端网站和模拟手机浏览器的方法

1、修改user-agent

和chrome和firefox类似,可自行安装插件,自opera12之后,opera改用webkit内核,故可安装chrome的插件,也可自行在opera的商店中搜索插件

User Agent Changer下载: https://addons.opera.com/zh-cn/extensions/details/user-agent-changer/?display=en

2、Opera Mobile Emulator + dragonfly*

下载适合自己的版本,安装完毕会开如下界面:

Opera浏览器测试移动端网站和模拟手机浏览器的方法-LMLPHP

左侧选择平台,右侧选择参数,选择完毕点击启动,如下的几面,用过手机opera的朋友会很熟悉,就是手机opera

Opera浏览器测试移动端网站和模拟手机浏览器的方法-LMLPHP

关于opera mobile emulator的更详细介绍参看文章末尾参考资料的相关内容。

但此时,还是只能看而已,不能调试模拟器里的网站,这里需要dragonfly配合以实现调试,由于opera12后换了内核,不能安装dragonfly了,所有你需要一款opera12的浏览器,和dragonfly的离线包,配置好后具体如何连接请参看这里http://www.opera.com/dragonfly/documentation/remote/

全部设置好后即可实现在电脑上调试手机网页,如下图所示:

Opera浏览器测试移动端网站和模拟手机浏览器的方法-LMLPHP

opera mobile emulator下载地址:http://www.opera.com/zh-cn/developer/mobile-emulator

 
04-14 11:02