如何通过浏览器查看网站是否支持移动端访问?

2017-05-08 16:21  阅读 1,353 次 评论 0 条

网站是否支持移动端,常规方法是打开手机来看,若需要双指去缩放就说明不支持移动端访问,但这种查看方式很麻烦,其实使用浏览器就可以查看网站是否兼容移动端的浏览。一些浏览器带有移动端的检测工具,一些浏览器可以通过安装插件来实现,下面我们介绍几种常见的浏览器的查看方法。

一、360浏览器(安装插件)

安装模拟移动端访问的插件——User-Agent Switcher for Google Chrome,它能模拟安卓手机、苹果手机的访问效果,之前笔者讲述过这款插件的安装和使用方法,具体可查看:模拟移动端访问插件之User-Agent Switcher for Google Chrome

User-Agent-Switcher

 

二、火狐浏览器(安装插件)

在火狐浏览器里面搜索并下载插件User-agent Switcher,安装之后即可实现网站模拟移动端的访问效果。

1、安装步骤:工具→附加组件→在搜索框里面输入User-agent Switcher搜索→安装。

火狐User-agent Switcher安装

 

2、安装完成之后立即重启。

重启火狐浏览器

 

3、这个时候在工具里面就会有一个default user agent,选择iPhone3.0。

模拟iPhone3.0访问

 

4、这个时候浏览器的ua代理变成了手机代理,现在的浏览器模拟的就是手机端了,刷新一下页面或者是重新打开某个页面即可看到效果,以百度为例,我们会发现页面发生了变化,再把页面缩小就能看到手机端的效果了。

模拟手机端访问的效果

 

Ps:模拟手机端结束之后,不要忘记把它改回为default user agent,否则你所打开的网页一直都是在模拟手机端访问的效果。或者是重启火狐浏览器,它也会变为默认的。

改回默认default user agent

 

三、谷歌浏览器(浏览器自带)

谷歌浏览器可以安装插件来实现,具体方法跟360浏览器是一样的,不过谷歌浏览器它有一个自带的功能,具体操作为:

1、打开一个网页→鼠标右键后点击检查。

打开谷歌浏览器检查

 

2、这个时候我们并未看到手机端的效果,刷新一下即可。

刷新网页

 

3、刷新之后可看到手机端的效果,客户端代理的类型和尺寸可自己修改。

模拟客户端代理的效果

 

四、搜狗浏览器(浏览器自带)

搜狗浏览器和谷歌浏览器一样,都有一个自带的模拟手机端访问的功能,具体操作为:

1、打开一个网页→工具→开发者工具。

搜狗浏览器工具

 

2、这个时候看不到手机端的效果,需要刷新一下。

刷新搜狗浏览器

 

3、刷新之后就可以看到手机端的效果了,客户端代理的类型和尺寸可自己修改。

搜狗浏览器模拟手机端效果

 

总结:360浏览器和火狐浏览器可通过安装插件的方式来实现模拟手机端访问的效果,谷歌和搜狗浏览器无须安装插件,效果更加直观和明了。如果不想多安装浏览器,就在这几个当中选择一个自己经常使用的浏览器来测试。

相关推荐:

SEO插件之SiteMetrics 优化人员必备工具

响应式布局插件之Viewport Resizer 可多尺寸浏览

本文地址:http://www.liuxinseo.com/1637.html
版权声明:本文为原创文章,版权归 星雨 所有,欢迎分享本文,转载请保留出处!

发表评论


表情