在线模拟 浏览器电脑技术提升篇

小编在这段时间遇到好多广大网友的咨询 , 今天免费分享一下关于电脑系统和电脑操作教程的知识大全 , 这篇文字是关于在线模拟 浏览器电脑技术提升篇的文字 , 欢迎大金仔细阅读 , 如果不懂请多多关注我们网址陆续更新更多更全面的电脑教程 。
查了很多资料 , 尝试了大部分方法 , 下面将这一天的努力总结下分享给大家 , 也让大家免去看那么多文章 , 以下介绍的方法 , 都是本人亲自测试成功的方法 , 测试环境winxp 。
一、Chrome*浏览器
chrome模拟手机总共有四种方法 , 原理都一样 , 通过伪装User-Agent , 将浏览器模拟成Android设备 。 以下标星的为推荐方法 。
1.新建Chrome快捷方式
右击桌面上的Chrome浏览器图标 , 在弹出的右键菜单中选择“复制” , 复制一个图标副本到桌面 。 右击该副本 , 选择“属性” , 打开相应的对话框 , 在“目标”文本框的字符后面添加以下语句:“–user-agent=”Android”” , 如下图:

在线模拟 浏览器电脑技术提升篇

文章插图

注意user前面是两个“-” , 并且“chrome.exe”与“–user”之间有一个空格 。 确定之后 , 打开这个新建的Chrome快捷方式 , 输入可以浏览到像手机里打开一样的页面了 。
这时可以新建一个用户 , 就不影响原来用户访问的时候也是访问的手机版 。
2.一次性模拟iPhone和安卓手机
开始–运行中输入以下命令 , 启动浏览器:
模拟谷歌Android:
chrome.exe --user-agent=Mozilla/5.0 (Linux; U; Android 2.2; en-us; Nexus One Build/FRF91) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1
模拟苹果iPhone:
chrome.exe --user-agent=Mozilla/5.0 (iPad; U; CPU OS 3_2_2 like Mac OS X; en-us) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B500 Safari/531.21.10
这种方法仅供特殊情况下使用 , 因为重启Chrome将不能恢复正常User-Agent , 所以是一次性 。
在线模拟 浏览器电脑技术提升篇

文章插图

更多的user-agent请自行搜索 。
3.安装插件
插件可以很方便切换各种user-agent , 很方便 , 但是可能会稍微影像性能 。
User-Agent Selector地址:
在线模拟 浏览器电脑技术提升篇

文章插图

从上图可以看到 , 还有很多类似的插件 , 其实功能都大同小异 。
4:自带模拟器*
打开chrome开发者工具 , 按F12(r32版本) , 然后找到右上角的齿轮按钮 , 打开设置面板 , 选择Overrides , 勾上Show ‘Emulation’ view in console drawer(在控制台视图中显示“仿真”) 。
在线模拟 浏览器电脑技术提升篇

文章插图

然后关闭设置面板 , 选择Elements面板(非Console就可以) , 找到右上角打开控制台面板 , 选择控制台面板里的Emulation面板 , 右边有很多选项 , 选择一个点击Emulate就可以了 , Reset按钮能恢复到默认状态 。
在线模拟 浏览器电脑技术提升篇

文章插图

打开仿真后 , 打开 , 即可看到如下的手机下的界面
在线模拟 浏览器电脑技术提升篇

文章插图

这种方法简单好用 , 而且不需要重启 , 推荐这种方法 。
注意:以上第一种和第二种方法都需要将全部打开的chrome窗口关闭 , 再打开才能起作用 。
二、Firefox*浏览器
1.修改user-agent
和chrome一样安装插件修改user-agent的方法 , 搜索wmlbrowser、XHTML Mobile Profile以及User Agent Switcher三个插件
2.火狐响应式设计+修改user-agent*
最近的火狐自己添加响应式设计功能和3D试图都很棒 , 打开火狐自己的控制台(非firebug) , 找到右上角的响应式设计按钮 。
在线模拟 浏览器电脑技术提升篇

文章插图

打开后即切换到响应式设计界面
在线模拟 浏览器电脑技术提升篇

文章插图

但我们看到打开QQ的站点并未被自动引到QQ的移动页面 , 这样只对响应式设计的界面起作用 , 对想QQ这样云端判断 , 返回不同页面的并不适应 , 这里就要配合上面的方法 , 再改下user-agent , 即可实现类似chrome的调试功能 。
在线模拟 浏览器电脑技术提升篇

文章插图

推荐阅读