360浏览器手机网页版 怎么让电脑360浏览器浏览网页伪装成手机
查了很多资料,尝试了大部分方法。我总结一下这一天的努力,分享给你,让你避免看那么多文章。下面介绍的方法都是我个人测试成功的方法,测试环境winxp。
一、Chrome*浏览器
用chrome模拟手机有四种方式,原理都一样。通过伪装用户代理,浏览器被模拟成安卓设备。建议使用以下星形标记方法。
1.创建新的Chrome快捷方式
右键单击桌面上的Chrome浏览器图标,并从弹出的右键菜单中选择“复制”,将图标的副本复制到桌面上。右键单击副本,选择属性,弹出相应对话框,在目标文本框字符后添加如下语句:“–user-agent = " Android "”,如下图所示:
此时可以新建一个用户,不会影响原用户在访问时也访问的手机版本。
2.一次性模拟iPhone和安卓手机
启动–在操作过程中输入以下命令启动浏览器:
模仿谷歌安卓:
chrome . exe-user-agent = " Mozilla/5.0 Apple WebKit/533.1 Version/4.0 Mobile Safari/533.1 "模拟苹果iPhone:
Chrome . exe-User-Agent = " Mozilla/5.0 Apple WebKit/531 . 21 . 10 Version/4 . 0 . 4 Mobile/7b 500 Safari/531 . 21 . 10 "此方法只在特殊情况下使用,因为重启Chrome不会恢复正常的用户代理,所以是一次性的。
自己搜索更多的用户代理。
3.安装插件
插件可以轻松切换各种用户代理,非常方便,但是可能会稍微影响性能。
用户-代理选择器地址:https://chrome . Google . com/web store/detail/user-代理选择器/fnbmdojpgjmjmnjdnbobcdhenmmgod/related
从上图可以看出,类似的插件有很多,但是功能都差不多。
4:自带模拟器*
打开chrome开发工具,按F12,然后找到右上角的齿轮按钮,打开设置面板,选择覆盖,并在控制台抽屉中勾选显示“仿真”视图。
然后关闭设置面板,选择元素面板,找到右上角打开控制台面板,并选择控制台面板中的仿真面板。右边有很多选择。只需单击仿真,重置按钮就可以恢复到默认状态。
打开模拟,打开http://xw.qq.com后,你可以在手机下面看到如下界面
这种方法简单易用,不需要重启。推荐这种方法。
第二,Firefox*浏览器
1.修改用户代理
就像chrome一样,安装插件修改用户代理的方法,搜索wmlbrowser、XHTML Mobile Profile、用户代理切换器
2.Firefox响应设计+修改用户代理*
最近Firefox增加了自己的响应式设计功能,很好的尝试了3D。打开Firefox自带的控制台,在右上角找到响应式设计按钮。
打开后切换到响应设计界面
但是我们可以看到,打开QQ的站点并不是自动引向QQ的移动页面,所以只针对响应设计的界面,并不适合像QQ一样从云上判断,返回不同的页面。这里要配合以上方法,改变用户代理,实现类似chrome的调试功能。
3.火狐操作系统模拟器
安装方法可以在这里找到:https://developer . Mozilla . org/zh-cn/docs/tools-840092-dup/Firefox _ OS _ % E6 % A8 % a1 % E6 % 8b % 9f % E5 % 99% A8 #安装
安装完成后,可以打开以下界面,打开网站,里面有浏览器。但是这种方法打开的是电脑网站而不是手机网站,也就是他的用户代理不是手机,所以对响应界面起作用,对判断用户代理网站不起作用。访问qq、百度等。都返回一个计算机接口。
三、Opera*浏览1。修改用户代理
类似于chrome和firefox,可以自己安装插件。从opera12开始,opera已经切换到webkit内核,所以你可以安装chrome插件或者在opera的商店里搜索插件
用户代理转换器下载:https://addons . opera . com/zh-cn/extensions/details/user-Agent-Changer/?display=en
2.Opera手机仿真器+蜻蜓*
下载适合自己的版本。安装后,将打开以下界面:
选择左边的平台,选择右边的参数,选择后点击开始。用过手机壳的朋友会熟悉以下几个方面,就是手机壳。
有关opera移动仿真器的更详细介绍,请参考文章末尾的参考资料中的相关内容。
但是这个时候你只能看,不能在模拟器里调试网站。在这里,蜻蜓需要配合实现调试。由于opera12换了内核,蜻蜓无法安装,所以你需要一个opera12的浏览器和一个蜻蜓的离线包。配置完成后,详情请参考这里的http://www.opera.com/dragonfly/documentation/remote/。
设置完毕后,可以在电脑上调试手机网页,如下图所示:
Opera手机仿真器下载地址:http://www.opera.com/zh-cn/developer/mobile-emulator
四.模拟器*
1.官方模拟器*
做Android开发的人一定都知道Android模拟器。这是Google提供的官方开发环境。可以模拟安卓环境,切换版本,下载配置好的环境,然后打开eclipes,直接打开AVDM,戴上AVD,然后启动,如下图:
等开完大会,模拟器打开,就像Android环境一样,打开里面的浏览器进行测试。但是我的浏览器打不开。不知道为什么。我很郁闷。
下载地址:http://developer.android.com/sdk/index.html
2 .蓝背包
这也是模拟器,可以自己搜索。我安装后,电脑卡住了。可能是我电脑配置不好。看到介绍就好。
动词 (verb的缩写)在线测试
在线只能测试界面的视觉效果,不能调试,但也很好。
1.移动仿真器*
非常好,速度快,界面简单,支持多个平台。
http://emulator.mobilewebsitesubmit.com/
2.opera迷你模拟器
需要java环境支持,单平台,opera出品,速度快。
http://www.opera.com/zh-cn/developer/opera-mini-simulator
3 .网页手机
说实话,时间久了也没弄出来。我很鄙视,但是能测试的平台很全面。
http://www.webpagetest.org/mobile
不及物动词总结
上面列举了很多方法,各有利弊。希望你能选择适合自己的方法。我推荐chrome自带的模拟器和opera手机模拟器+蜻蜓。因为这两种方法,接近真实的手机环境,可以调试css和js。
当然,这篇文章没有提到的最好的办法就是你有手机,这很棒。配合远程调试是最理想的方式。