前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Alipay UED推出网站代码分析和质量检测扩展Monster

Alipay UED推出网站代码分析和质量检测扩展Monster

作者头像
reizhi
发布2022-09-26 10:14:50
1.1K0
发布2022-09-26 10:14:50
举报
文章被收录于专栏:reizhi

UED = user experience design,用户体验设计。  UED的本意是用户体验设计,是英文User Experience Design的缩写。通常的理解,我们做的一切都是为了呈现在您眼前的页面。

Monster 是 Alipay UED 推出的网站代码分析、质量检测及评分的浏览器扩展,它能智能分析CSS、JS、HTML内容并生动形象展示网页得分情况(类似YSlow)。它是一个开源 项目,您可以在GoogleCode中心检出MonsterForChrome项目源代码。不久会推出Firefox版扩展。

Monster主要检测规则: 检测是否有重复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是否压缩; 检测CSS样式表是否使用了CSS expression; 检测Cookie是否超过30KB; 检测是否有form标签嵌套form标签; 检测是否直接在标签里定义JS事件,如<a href=http://www.google.org.cn/posts/”#” onclick=”…”>link</a>; 检测<meta charset=”utf-8″ />是否为<head>第一个子标签; 检测一个<form>标签内部是否出现二个input[type=submit]标签; 检测是否在<form>标签中使用了 id=”submit” 的标签; 检测是否将<style>块放置在</head>前面; 检测是否将<script>块放置在</body>前面; 检测<img>标签是否指定alt属性; 检测是否为input指定label; 检测网页编码是否为gbk或utf-8; 检测是否使用了@import导入样式表; 如果CSS、JS指定 类似于“?t=20100405”时间戳,则自动输出最后修改时间,方便对比; 如果background-image超过6个,则提示所有背景图片及大小,超过30KB,标红显示; Monster评分规则: Monster是根据问题解决难易程度、性能提升程度、可用性提升程度以及维护性提升程度来综合评分的。具体,请下载 Monster评分算法.xls

下载Monster(适用于chrome)

本站首页评分图(好像比较惨,比YSLOW要严格):

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2010年5月5日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
腾讯云代码分析
腾讯云代码分析(内部代号CodeDog)是集众多代码分析工具的云原生、分布式、高性能的代码综合分析跟踪管理平台,其主要功能是持续跟踪分析代码,观测项目代码质量,支撑团队传承代码文化。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档