Monster网站代码分析用户体验评分Chrome插件

免费软件   2010年08月12日 22:21  

Monster是由Alipay UED(支付宝用户体验部)所开发出来的一个用来对网站进行代码分析的google chrome插件,它可以对网站的用户设计进行品质测试和评分,分析网站的HTML、CSS、JS内容并在网页内展示出动态得分情形,让使用者可以改善品质或修正错误。

注意:你必须使用Google Chrome或Chromium浏览器才能安装此扩充功能。进入后点选“Install”安装。

Monster使用方法与教程:

1、首先是下载和安装Monster插件,Monster免费软件的下载地址请:点击这里。Chromium提示使用者是否安装该扩充功能,点击“安装”就可以了。操作见下图:

Monster网站代码分析用户体验评分Chrome插件

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分析的结题以及最后的得分了。如下图:

Monster代码分析

5、点击其中一个选项,你就可以看到详细的错误信息了。点击某一个选项后面的“详细”还可以查看到具体的错误所在地。如下图:

Monster错误信息

插件下载地址请:点击这里

文章出自:免费资源部落 https://www.freehao123.com/ 版权所有。本站文章除注明出处外,皆为作者原创文章,可自由引用,但请注明来源。 禁止全文转载。

您或许对下面这些文章有兴趣:                    本月吐槽辛苦排行榜

在这个部落村庄里,已经有1 位神马家族成员冒出泡来在农场开始干活了
  • 车用led灯 2

    我现在正在弄shopex,要是shopex也有想博主一样写的那么详细的资源就好了,不过过段时间总要做博客的,感谢楼主分享

    这是农场的第 1 块农田,部落批准 [车用led灯] 在[2013-1-12 16:27]开垦完成.
看贴要回贴有N种理由!看帖不回贴的后果你懂得的!


评论内容 (*必填):
(Ctrl + Enter提交)   

部落快速搜索栏

各类专题梳理

网站导航栏

X

返回顶部