免费资源部落

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/ 版权所有。本站文章除注明出处外，皆为作者原创文章，可自由引用，但请注明来源。 禁止全文转载。