网页兼容性检查工具 Firefox插件推荐

网页开发者很头痛的问题之一就是检查网页在各个浏览器下的兼容性。

本工具由Mozilla的工程师Jiao Feng移植自Chrome的版本,通过智能检测的方式,检查跨浏览器开发容易出现的兼容性问题。

插件安装地址:https://addons.mozilla.org/zh-CN/firefox/downloads/latest/333567/addon-333567-latest.xpi

目前的版本一共能检测出40 个跨浏览器开发过程中可能会遇到的兼容性问题,其中包括文本渲染、表格、布局以及脚本等几个方面。所有已知的兼容性问题列表见 W3Help网站。

本扩展采用Jetpack技术,安装之后无需重启,按钮自动出现在附加组件栏上。到需要检测的页面点击按钮即可开始自动检测。 

检测分为基本检测和高级检测。基本检测只是检测一些全局问题。

高级检测网页会重新刷新一次,并细致检测网页每一行代码,并给出问题所在,和W3Help上的解决方案。

同时,高级检测支持直接定位到出现问题的地方,并在网页中标识出。

希望这个扩展对广大开发者有所帮助。

PS:

1.Add a preference in about:config to display the English interface
key = "extensions.compatibility-detector.language"
value = "en"

2.本扩展目前处于Beta测试阶段,如果使用中发现问题,可以在这里或者AMO上留言,帮助作者改进扩展。

时间: 2024-11-16 23:51:39

网页兼容性检查工具 Firefox插件推荐的相关文章

LinkChecker 7.7发布 网页链接检查工具

LinkChecker 是一个检查网页链接的工具,用于HTML文件和网站.其特点包括:循环检查,支持robots.txt排除协议,HTTP代理支持,支持 i18n ,多线程检查,正则表达式过滤规则的链接,用户名/密码验证,反病毒检查,支持CSS 语法检查,等等.输出格式包括:普通文本,HTML,SQL,CSV,DOT的图形,GML,XML格式.支持的链接类型包括:HTTP/1.1和1.0,http://www.aliyun.com/zixun/aggregation/29830.html">

LinkChecker 7.2发布 网页链接检查工具

LinkChecker是一个检查网页链接的工具,用于HTML文件和网站.其特点包括:循环检查,支持robots.txt排除协议,HTTP代理支持,支持 i18n ,多线程检查,正则表达式过滤规则的链接,用户名/密码验证,反病毒检查,支持CSS 语法检查,等等.输出格式包括:普通文本,HTML,SQL,CSV,DOT的图形,GML,XML格式.支持的链接类型包括:HTTP/1.1和1.0,http://www.aliyun.com/zixun/aggregation/29830.html">

Visual Studio 2010 前端开发工具/扩展/插件推荐_实用技巧

怎么样让Visual Studio更好地编写HTML5, CSS3, JavaScript, jQuery,换句话说就是如何更好地做前端开发.Visual Studio 2010不管是旗舰版还是免费版都没有对前端开发方面做充分的优化.不要希望VS默认安装这些东西,我们有很多VS的扩展可是使用. 这里列出的大多数扩展都可以使用Extension Manager (Tools > Extension Manager)来安装,你可以通过Visual Studio Gallery网站下载这些扩展. We

Firefox插件CSS Usage:一款CSS减肥的工具

网页制作Webjx文章简介:CSS减肥工具 - CSS Usage. 前端构建工程师经常会遇到随着网站产品的规模扩大.产品数量.日常专题上下线等情况,造成网站的CSS慢慢变得臃肿从而影响了网站的用户体验,这种情况下,给网站CSS文件减肥类似于海底捞针的大工程,因为稍不留神,一个不经意的删除,就会造成线上的产品的事故.下面我们就给大家推荐一款CSS减肥的工具–Firefox插件 CSS Usage. 首先,我们需要安装Firefox(猛击此处下载),或者确定你已经安装的版本已经高于3.1;第二步,

Firefox插件:网页实现更安全浏览体验的插件

文章简介:10个能够实现更安全浏览体验的Firefox插件. 目前,Firefox的插件数量庞大,种类繁多,笔者就为大家总结了10款能够实现更安全浏览体验的Firefox插件,便于大家挑选应用. 1. HTTPS Everywhere HTTPS Everywhere受到了Google推出加密版搜索的启发,它的目的是让用户在访问多数网站时能一直保持加密通信状态.绝大多数网站对HTTPS加密的支持相当有限,或者默认不使用加密,或者加密网页中嵌入大量非加密链接.HTTPS Everywhere扩展就

Firefox浏览器兼容性检测工具:Compatibility Detector

文章描述:Firefox下的浏览器兼容性检测工具--Compatibility Detector. 这里给大家推荐一个Firefox下的浏览器兼容性检测工具--Compatibility Detector.这个工具对于新手来说是非常不错的一个东东,下面我就简单说下它的优点. 作为一个前端开发者来说,最痛苦的事情之一就是要兼容现在各种五花八门的浏览器,而在实际的调试中这个调试过程又是让人劳心劳力.而Compatibility Detector能把目前很多已知的兼容性问题很easy的展现在我们面前.

20个增强网页兼容性设计的实用工具

Cover Photo by: Wang Qi@DamnDigital 互联网时代,人们利用各种设备上网:笔记本电脑.上网本.平板电脑.智能手机,甚至电视机.这些设备的屏幕和问题解决方案都各不相同,因而很难创建一个适用于所有这些设备的网站. 不过,还是有解决方法的.兼容性设计 就是为适应不同尺寸屏幕的整改设计.如果你想创建一个增强网页兼容性的设计,你就需要应用fluid grids,图像以及queries.继之前发布的18个较强的兼容性网页设计案例后,这次与读者们分享的是20个增强网页兼容性设计

IETester中文免费版 – 最佳网页IE浏览器兼容性测试工具

IETester中文免费版 – 最佳网页IE浏览器兼容性测试工具(IE6 IE7 IE8共存) 对于很多拥有自己博客或者接触网页制作的朋友,肯定会遇到自己辛苦写好的页面在不同的浏览器下显示出来的效果截然不同吧,喜欢追求完美的朋友就肯定希望能尽量在不同浏览器下对页面进行测试并保证其正常显示了.当然,像FireFox.Safari.Opera等浏览器还可以随意地安装卸载,然而,最麻烦的莫过于微软的"IE"系列了. 基本上你不能用常规的方法同时在一个系统中安装IE5.IE6.IE7甚至IE8

网页前端开发工具推荐

  当启动一个新的项目,使用 CSS 框架或样板,可以帮助您节省大量的时间.在这篇文章中,我编译整理了我最喜欢的 CSS样板,框架和库,帮助你在建立网站或应用程序时更加高效. Bootstrap 开发工具推荐-网页前端开发工具"> 如果你想给你的新项目的专业的外观和感觉,Boostrap 可能是你需要的工具.它拥有一个非常干净的排版,表格元素,以及设计一个现代化的网站你需要的所有东西.更多信息: twitter.github.io Foundation Foundation 来自 Zurb