? 使用“谷歌移动设备易用性”工具优化移动网站 - 现金扎金花-现金麻将-真钱麻将

使用“谷歌移动设备易用性”工具优化移动网站

2018-11-02 09:16 稿源:现金扎金花  0条评论

本文地址:http://www.oalinux.com/web/2018/1102/953896.shtml
文章摘要:使用“谷歌移动设备易用性”工具优化移动网站 ,斯洛文尼亚出品,这货篮板意识强,只有2米比中锋还能抢,比较冷静,身体结实,号称欧洲坦克后卫,中投很好,三分很一般,打法团队,有一手精准的传球。每36分钟能得22分+7,6板+7助,效率值第一。有点万金油。模板伊格达拉。火密勇密都是认为精彩就好,但有部分另类球迷冒充火密来黑心里可不是这么想的。在这飞机的战术中,那象牙球基本用不上。这飞机是在外部干扰对方的。赤膊上阵,那是别人干的事。,这个是有深层次原因的,我所在的船舶行业,船体,发动机,螺旋桨匹配一直是难题,就有工程师很早就根据有限元理论自己编写了机桨匹配软件,但由于担心自己的劳动成果被剽窃,造成饭碗不保,所以紧紧攥在自己手里,谁要设计船舶,只有找他,别无分号,造成软件既不能通过大样本数据进行更新完善,也不能商业化,久而久之随着工程师的退休,就被更好用的欧美软件替代了。区块链星球邀请码ADRR7N,32点原力,还有7次,错过了比特币,这个可不能再错过了。老马那时候背后铲人没红牌,很多粗暴犯规不给牌。现在后卫踢的跟个娘们一样。那时候后卫还让你这样过人早就连人带球给你干翻了。老马自己都说那个连过几人的世界杯进球是因为碰上了英格兰队,那时候英格兰讲究绅士足球。。

打开这个网址后,将需要测试的网页的完整网址输入,点击运行测试,系统就会抓取网页并进行测试追踪,通常测试过程不会超过一分钟。

测试结果包括以下两个部分:相应网页在移动设备上所呈现的样貌的屏幕截图,以及该工具发现的所有移动设备可用性问题的列表。与在移动设备上的易用性有关的问题是指会对使用移动(小屏幕)设备访问相应网页的用户造成影响的问题,包括字体过小(在小屏幕上很难看清楚)和使用 Flash(大多数移动设备都不支持 Flash)等等。

有时候,测试结果展示的屏幕截图并不正常,可能是测试无法加载相应网页所用的所有资源,会显示“网页包含无法加载的资源”的警告消息,这些资源是指网页包含的外部元素,如图片、CSS 或脚本文件。导致出现该问题的最主要原因可能是网站站长设置robots.txt禁止搜索引擎访问相应资源,只需修改robots.txt,取消禁止搜索引擎访问此资源即可。

工具优化指南

移动设备适合性测试工具能检测出下列可用性错误,我们可以针对对应错误进行一一修改,具体的优化修改方法如下:

1、使用了不兼容的插件

页面使用了Flash等插件,将Flash删除,或者使用HTML5 来替代即可。

2、未设置视口

网页未定义viewport属性,只需要在网页头部增加如下一行即可。

<meta name="viewport" content="width=device-width, initial-scale=1" />

3、文字太小,无法阅读

网页字体过小而,移动设备用户需要“张合双指进行缩放”,然后才能阅读这些网页上的内容。这实际上和上一个是同一个问题,网页只要定义了viewport属性,这个问题即可解决。

4、内容宽度超过了屏幕显示范围

网页需要横向滚动屏幕才能查看其中的文字和图片,这说明页面中某些元素的CSS样式使用了宽度的绝对值,例如图片、表格使用的980px宽度等,这种问题的修改方法是,在css中使用响应式设计方法,当浏览器宽度介于 0 像素和 640 像素之间时,使用适合移动设备的css,将宽度设置为相对值,或者将部分元素隐藏。示例代码如下:

@media screen and (max-width:640px) {

  #divMain {

    width:100%;

  }

  #divSidebar {

    display:none;

  }

}

5、可点击元素之间的距离太近

网页上的元素(如按钮和导航链接)间距过小,导致移动设备用户在用手指点按所需元素时通常会按到相邻的元素。这个问题也可以使用响应式设计方法,在移动设备上增加行高即可,示例代码如下:

@media screen and (max-width:640px) {

  p {

    line-height:150%;

  }

}

总结

解决了这些问题之后,点击“验证修复”,即可让搜索引擎重新验证网站页面,对影响网站的移动设备易用性问题加以修复。

如果长期不修复这些问题,网站的移动版网页就无法提供令人满意的浏览体验,那么网站页面就会在移动搜索结果中的排名下降,导致流量的损失,因此,网站的站长赶快行动起来,立刻使用“谷歌移动设备易用性”工具来优化移动网站吧。

相关文章

相关热点

查看更多
?