怎样在PC端模拟手机游览器测试页面(谷歌、360、IE游览器)

2020-06-04 15:27:22 浏览数 (2)

很多人问怎样在PC端模拟手机游览器测试页面?

其实是很简单的,只要你有一个支持手机模拟的游览器即可,这里我就给大家介绍一下常见游览器的查看方法!

》》Chrome(谷歌游览器)

效果图

第一步:以蚂蚁开源社区首页www.zzfriend.com为例,电脑上用Chrome打开,看到的页面就是正常的电脑版网页。

第二步:这时我们随便在网页上任何一处右键,都可以看到右键菜单最末尾处的“审查元素”(或者按键盘F12),点击它。

第三步:再看到首页的界面变成了这样,注意到偏右上角位置有一个小手机的图标,点击它。

第四步:找到偏左上角的选择模式,在下拉菜单中有许多设备可供选择,选择了那种设备,浏览器的UA标签就会改变,呈现的就是选择设备的显示方式。有kindle系列,ipone系列,ipad系列,nexus系列,还有一些平板设备一共46种丰富的选择,如果没有找到需要的还可以在下面的框里面自定义UA。

第五步:选择一个想要的样子,之后刷新,就可以看到进入手机浏览器模拟浏览的样子了。当然也可以自己自定义长宽。

0 人点赞