电脑打开预览手机网站的方法,简单易学

湘潭SEO磐石网络  2017-05-25 09:36  阅读 476 次

移动用户的搜索量在逐年升高,移动SEO优化已经是一个趋势了,要做移动SEO优化首先你得有一个手机网站,在调试手机网站过程中相信很多小伙伴都遇到一个问题,就是总是用手机去预览修改手机网站太麻烦了,今天湘潭SEO博主就来分享一个用电脑打开预览手机网站的方法,非常实用哦!

一、下载和安装谷歌浏览器

谷歌浏览器为此种方法的必须品,下载地址:http://baoku.360.cn/soft/show/appid/105189

下载完成后安装就行。

二、打开谷歌浏览器

打开谷歌浏览器输入你想要预览手机网站的网址,例如输入:http://www.xiangtanseo.com 如下图所示:

三、使用谷歌浏览器功能预览手机网站

1、点击地址栏最右边的“三个点”,也就是菜单按钮,然后选择更多工具,最后选择开发者工具,进入开发者界面

2、比上面的方法更简单,直接按键盘的F12就行,只是不能截图,怕你们弄不明白。

开发者工具模式预览效果如下:

当然,博主这个站是自适应的,所以只要屏幕缩小就会自适应代码,如果不是自适应网站的话,这样显示并不是手机端网站的效果,因为我们还需要通过刷新页面来让手机适配代码重新加载,按键盘F5刷新即可,相信你们都知道这个刷新页面的操作吧,为了提高辨识度,博主把湘潭SEO博客增加了另一套手机模板,最终效果如下:

已经完美切换成手机网站界面了,这里工具还提供了根据手机机型调整窗口大小和自定义窗口大小两种模式,右侧的小箭头代表的就是前台元素代码查看工具,小箭头旁边就是移动端和PC端的切换按钮了。

好了,用电脑访问手机端网站就是这么简单了,可能以文章形式写出来感觉字很多,其实实际操作非常简单上手,移动端网站预览就说到这里了,知道怎么预览手机网站了,下一期我们将要讲解MIP改造对于移动SEO优化的好处

本文地址:http://www.xiangtanseo.com/yidongseo/697.html
关注我们:请关注一下我们的微信公众号:扫描二维码,公众号:aiboke112
版权声明:本文为原创文章,版权归 湘潭SEO磐石网络 所有,欢迎分享本文,转载请保留出处!

发表评论


表情

  1. 在路上
    在路上 【农民】 @回复

    简单实用?