【Google Chrome】如何让浏览器显示手机网页
2014-03-06 07:19
796 查看
先前在网上爬文的时候看到过很多文章说在Chrome的快捷方式上加参数以达到显示手机网页的效果,总感觉有点不妥。
今天在老外网站上看到一篇文章,如何把各种浏览器变成手机模拟器,以达到显示手机网页的效果。这对于开发移动网页的童鞋是莫大的关怀,于是乎不敢独享。
首先贴上外网原文的地址,E文好的同学可以直接浏览。How to Change Your Browser’s User
Agent Without Installing Any Extensions
因为我只有IE和Google Chrome,而且99.99%时间都用Chrome,所以只讲述Google Chrome如何设置的,有兴趣的童鞋可以参考E文原文来研究一下其他的浏览器,包括【IE】、【Firefox】
E文原文图片中使用的Google Chrome可能版本较低,跟我目前使用的v35.0.1870.2版本设置不大一样。
====================测试环境======================
系统: Win7sp1
32位
浏览器:
Google Chrome v35.0.1870.2
================================================
无图无真相,以百度网盘为例:
设置方法:(如图所示)
1、使用Chrome快捷键F12或者Ctrl+Shift+I,打开开发模式。
2、点击Setting旁边的Show Drawer按钮。
3、切换到Emulation标签就能看到标签名里面的Device有N种手机模式的选项了,不禁再次感慨Google Chrome太强大了。
①
Setting旁边的Show Drawer按钮
② 切换至Emulation标签
③ 选择你想模拟成的手机设备,图中为苹果IPhone5了。。选好设备后点击Emulate再刷新网页就可以显示手机网页了,如果想复原成PC网页,点击Reset就可以了。
小结:
有些网站不是需要手机登录才能做特定的事情嘛,接下来你懂的。。
今天在老外网站上看到一篇文章,如何把各种浏览器变成手机模拟器,以达到显示手机网页的效果。这对于开发移动网页的童鞋是莫大的关怀,于是乎不敢独享。
首先贴上外网原文的地址,E文好的同学可以直接浏览。How to Change Your Browser’s User
Agent Without Installing Any Extensions
因为我只有IE和Google Chrome,而且99.99%时间都用Chrome,所以只讲述Google Chrome如何设置的,有兴趣的童鞋可以参考E文原文来研究一下其他的浏览器,包括【IE】、【Firefox】
E文原文图片中使用的Google Chrome可能版本较低,跟我目前使用的v35.0.1870.2版本设置不大一样。
====================测试环境======================
系统: Win7sp1
32位
浏览器:
Google Chrome v35.0.1870.2
================================================
无图无真相,以百度网盘为例:
设置方法:(如图所示)
1、使用Chrome快捷键F12或者Ctrl+Shift+I,打开开发模式。
2、点击Setting旁边的Show Drawer按钮。
3、切换到Emulation标签就能看到标签名里面的Device有N种手机模式的选项了,不禁再次感慨Google Chrome太强大了。
①
Setting旁边的Show Drawer按钮
② 切换至Emulation标签
③ 选择你想模拟成的手机设备,图中为苹果IPhone5了。。选好设备后点击Emulate再刷新网页就可以显示手机网页了,如果想复原成PC网页,点击Reset就可以了。
小结:
有些网站不是需要手机登录才能做特定的事情嘛,接下来你懂的。。
相关文章推荐
- 如何在手机上禁止浏览器的网页滚动
- html网页兼容手机浏览器(解决显示页面很小的问题)
- html网页兼容手机浏览器(解决显示页面很小的问题)
- 【代码】如何在手机等移动平台上浏览器网页中点击链接跳转到QQ聊天界面
- IE8如何定义浏览器工作模式避免网页显示混乱
- 如何让网页在浏览器标题栏显示自己制作的图标ico
- 如何在手机上禁止浏览器的网页滚动
- 网页显示乱码分析(包括如何修改浏览器语言)
- 网页制作小技巧------如何在浏览器地址栏中显示网站的图标?
- 微信浏览器如何禁止iPhone手机上下滑动网页
- 网页手机wap2.0网页的head里加入下面这条元标签,在iPhone的浏览器中页面将以原始大小显示,并不允许缩放
- 如何在电脑上调试手机上显示的网页
- 用户从手机的浏览器访问www.baidu.com,看到的可能跟桌面PC电脑,是不太一样的网页效果,会更适合移动设备使用。请简要分析一下,实现这种网页区分显示的原因及技术原理。
- 如何阻止移动设备(手机,pad)浏览器双击放大网页?
- 手机浏览器访问wap网页中文显示
- Google chrome浏览器打不开网页,显示ERR_Failed...等问题的解决方法
- 如何在浏览器网页中显示word文件内容
- <VR>如何制作VR照片,主要是为了在网页和手机上面显示
- F5刷新网页时,出现了“如要再次显示该网页,web浏览器需要重新发送你以前提交的信息...要点击重试",如何不让出现这个对话框的解决方案
- 如何在手机浏览器网页中点击链接跳转到QQ聊天界面