打开Google浏览器开发者工具
或者右击网页,点击“审查元素”
如果你用的苹果Mac电脑,可以按下快捷键
⌘-Option-I
打开Chrome浏览器的开发者工具
这时点击左上角的手机屏幕图标,即可进入模拟手机设备型号、手机屏幕尺寸,不同手机分辨率的功能界面。谷歌浏览器瞬间变成了手机浏览器。
当然,除了模拟Android、iOS *** 作系统的各种手机设备和各种移动运营商网络之外,还可以模拟平板电脑等多种移动设备。
如果看不到这个移动设备模拟界面,建议升级最新版Chrome浏览器。
升级后一般即可解决。
或者点击“Devices”,查看Emulated devices,检查这些平板电脑或手机型号是否被选中。
最后不得不提到的一点,是Chrome浏览器可以模拟各种用户浏览器的User Agent。
方法是,在UA的地方,填写你希望模拟的用户浏览器信息。朋友你好,我现在正在用opera这个浏览器上手机网站,我是因为想用电脑玩手机宠物才找到这个的,不错,你可以输入
wapbaiducom
进入百度的手机版,然后再搜索的东西就是手机版的了。
希望对你有帮助!
Chrome
在网页按F12,打开开发者工具,单击"切换设备工具栏"
microsoft edge
在网页按F12,单击仿真,选择合适的分辨率。
IE
在网页按F12,单击工具,单击更改用户代理字符串,打开自定义。友好名称随意填
用户代理字符串
Mozilla/50 (Linux; Android 411; Nexus 7 Build/JRO03D) AppleWebKit/53519 (KHTML, like Gecko) Chrome/1801025166 Safari/53519
其他设备UA可以自行百度搜索。
方法1、首先百度下载User-Agent Switcher ,这个是个浏览器的插件,主要就看他的了,然后下载,搜索的第二个结果就是,可能顺序不一样,自己下载吧。
2、下载user agent switcher后,打开谷歌浏览器,先复制chrome://extensions/ 到浏览器地址栏,此时会显示扩展程序
3、然后直接将user agent switcher插件拖到浏览器中
4、在d出的对话框中选择添加即可。添加成功后就可以直接在浏览器右上角看到此扩展程度了。
5、勾选已启用,然后我们打开另外的网站页面,比如百度,此时可以在右上角切换浏览模式,比如安卓,IOS,windowsPhone等等,以及部分其他浏览器的风格
6、演示(安卓风格):这里我们使用其中的两种风格演示一下,就用安卓风格吧,你会发现电脑的右上角就会有一个AND的图标,那个说明是已经切换的安卓访问百度时候的样子了
如何浏览器模拟手机访问网站User-AgentSwitcher
演示(IPad4风格):这个是IPad4风格,其他的就自己慢慢去体验吧,以及自适应的效果,这个的用户主要是方便开发人员测试,直接在电脑上测试手机访问网站的效果,也给比较好奇的友友,满足了需求,哈哈。
7、特别说明:
在先复制chrome://extensions/ 到浏览器地址栏,此时会显示扩展程序然后再拖拽,这一步比较重要,如果直接打开浏览器就拖拽的话很容易安装失败,如下:
浏览器会提示“安装的主题可能会损害您的计算机,确定要继续吗?”我们当然点击继续
8、然后会显示安装失败,提示“无法安装来自网站的应用、扩展程序、用户脚本”,导致插件安装失败,所以一定要注意步骤二的复制chrome://extensions/到地址栏
9、当然你也可以直接从谷歌浏览器的设置=》扩展程序进入,相当于复制chrome://extensions/到地址栏的 *** 作
10、如果您觉得本经验有帮助,请点击正下方的或右上角的“大拇指”或“分享”或“关注TA”给我支持和鼓励
为了方便下次寻找,您可以点击“收藏”收藏本经验1打开火狐浏览器,点击右上角菜单列表,点击附加组件。
2在右上角搜索框输入“User Agent”会罗列相关插件。
3点击左边扩展,找到“User Agent switcher”,点击安装。
4安装完毕后大家可以点击选项,看看是否含有IPhone 30一项,如果有就ok,点击确定关闭菜单栏列表。
5在火狐浏览器左上一排菜单中找到工具,选择Default User Agent-iPhone30,这样就设置好了。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)