当前位置:首页 »“秋了秋”个人博客 » 网络技术 » PC电脑浏览手机版网页

PC电脑浏览手机版网页

作者:秋了秋 发表时间:2015年01月18日

很多时候我们在pc端浏览网页的时候,很想看看某个网站的手机端体验如何,或者在网页设计中要对手机端网页进行调试,总不能拿个手机来调试吧。这样我们还是能通过电脑来制作漂亮的手机端网页,对于限制流量的pc端,使用手机版也可以大大节省流量。

工具准备:UA识别浏览器,一般高级点的浏览器都可以,这里推荐使用360极速浏览器(谷歌内核)。

打开测试过网站:http://aaaa.ccaeo.com

按f12在网页底部弹出开发人员调试窗口,也可以直接在当前网页空白处右击,选择‘审查元素’。如下图:

打开调试窗口

看到最右下角的工具设置按钮了吧,点击它。弹出设置面板。点击overrides,再把enable和user agent勾上。激活下面的下拉框,在下拉框中任意选择一个android版本。

弹出设置面板

然后,下面就是见证奇迹的时刻了,点击浏览器的刷新按钮或者右键选择刷新页面。

刷新页面

你就会看到一个手机版的网页出现了。

手机版网页

扩展:电脑浏览手机版网页是实现了,那如果要手机浏览电脑版网页该如何设置,很多时候比如我们站长要在手机端查看电脑板网页界面,或者说在手机端查看电脑网页的排名,然而在手机端打开的百度往往只有触屏版和极速版两种版本,这两种都是手机版本,无法切换到电脑版本。其实手机浏览电脑板网页也是可以的,只需要在手机浏览器上设置那里把浏览器标识(UA)设置为“无”就行了。

浏览器标识

0
文章作者: “秋了秋”个人博客,本站鼓励原创。
转载请注明本文地址:http://netblog.cn/blog/265.html
目录: 网络技术标签: 网络技术 12090次阅读

请求播放音乐,请点击播放

登 录
点击获取验证码
还没账号?点击这里