Monster网站代码分析用户体验评分Chrome插件
Monster是由Alipay UED(支付宝用户体验部)所开发出来的一个用来对网站进行代码分析的google chrome插件,它可以对网站的用户设计进行品质测试和评分,分析网站的HTML、CSS、JS内容并在网页内展示出动态得分情形,让使用者可以改善品质或修正错误。
注意:你必须使用Google Chrome或Chromium浏览器才能安装此扩充功能。进入后点选“Install”安装。
Monster使用方法与教程:
1、首先是下载和安装Monster插件,Monster免费软件的下载地址请:点击这里。Chromium提示使用者是否安装该扩充功能,点击“安装”就可以了。操作见下图:
2、安装完成后,接下来你就会在浏览器的右上角看到一个Monster的图标提示已经完成安装。
3、关于Monster的检测项目和Monster评分标准,freehao123只选取几项列在下面,需要详细信息的朋友可以到官方网站查看。
- 检测是否有重复ID的标签;
- 检测是否有错误的嵌套标签结构,例如a嵌套div;
- 检测https协议网页是否使用了http协议的图片、JS、CSS等等;
- 检测compatMode、doctype是否错误;
- 检测是否使用了HTML5不再支援的标签,例如font,s,u等等;
- 检测标签是否正确关闭;
- 检测CSS、JS、background-image档案是否发生404错误;
- 检测CSS、JS档案是否重复载入;
- 检测是否使用了过多的外部JS、CSS档案而影响载入速度;
- 检测CSS、JS、HTML是否压缩;
4、如何使用?首先是打开一个网站,等到网站完全加载完成后,你就可以点击 Monster图标,然后你就可以Monster分析的结题以及最后的得分了。如下图:
5、点击其中一个选项,你就可以看到详细的错误信息了。点击某一个选项后面的“详细”还可以查看到具体的错误所在地。如下图:
插件下载地址请:点击这里
文章出自:免费资源部落 https://www.freehao123.com/ 版权所有。本站文章除注明出处外,皆为作者原创文章,可自由引用,但请注明来源。 禁止全文转载。