欢迎j进入我的个人知识库,这里大多是我从网络搜集的对我有用的资料,有些是我个人的备忘记录,希望对你也有用! 我关注的:1. 测试技术 ;2. 编码技术 ;3. 数据库技术 ;4. 计算机网络技术 ;5. 计算机原理;

13个网页浏览器验证及兼容性测试工具

上一篇 / 下一篇  2010-07-02 14:13:05 / 个人分类:Browser


HTMLCSS验证

  首先让我们先看一看检查验证HTMLCSS的方法。我应该说到的是由于我在MAC工作,会略微偏向于MAC。不要担心,仍然有许多平台独立解决方案的。

  除了验证你的文件以外,你也应该很好的格式化自己的代码"HTML/CSS格式化实例与提示"是有关此类主题的文章

  1W3C验证- HTML

  可能大多数人都知道在线的W3C验证服务你可以通过链接地址进行验证,或者是上传文件或者直接提交代码。有很多的验证选项,尽管很多时间你不真的需要他们。

  图1

  2W3C验证- CSS

  你很可能知道W3C的也有一个CSS校验服务。与HTML验证服务一样,这个CSS版本更多的选择,并允许在必要时通过的URI验证,文件上传和直接提交代码。

  图2

  3[Firefox]网页开发工具条

  The Web Developer toolbar extension for Firefox的网页开发工具条非常受欢迎,拥有很多非常棒个的功能,附加了很棒的HTMLCSS验证工具,你可以快速的对当前浏览的本地文件网站进行验证。他会发送URI或者文件到W3C,并在新的选项页里面显示验证结果。

  你也可以打开验证显示页面来快速查看HTMLCSS的验证信息,无需再打开新的标签页面。假如你在开发一个项目非常有帮助。不仅仅是HTMLCSS你也可以验证更多的选项。

  图3

  4[独立的浏览器] W3C Validator Favelets

  我使用Safari浏览器作为我的主要网络浏览器,但是Firefox已经宠坏了我,它拥有强大的扩展选择,如网络开发工具栏和FirebugSafari浏览器的Web Inspector,一个类似Firebug的工具,但不能进行文件验证。

  涵盖几乎任何主要浏览器验证HTMLCSS的快速和轻松的方法是使用faveletsFavelets是通过JavaScript增加额外的功能的书签片段。W3C的提供了几种验证favelets,我经常使用的是Safari

  图4

  5、你的开发编辑器

  大多数的编辑器提供少许的验证工具。目前我使用的编辑器CodaCSSEdit都提供验证工具。

  图5

  6、验证S.A.C.

  如果您需要迅速验证大量的文件,在最喜爱的编辑器或通过浏览器打开所有文件是痛苦的事情。这个应用会让这个过程快速而且简单。

  S.A.C验证器是OS X的单机应用程序,可以使用favelet验证HTML文件(with W3C),拖放或者通过URL的或仅仅是应用程序的文件>打开。我用的是拖放方法尤其频繁。

  图6

  验证的一些想法

  虽然验证是非常重要的,不过它只是一种工具,以帮助确保您的代码达到标准和接近完美。如果您使用的是一些新的网络技术,它可能无法验证,这并不意味着你不应该使用它。创新的问世往往是打破了规则。

  尽管如此,如果需要提交的模板进行销售,请确保所有的文件验证后提交。如果有由于CSS3这样的验证错误,只需要在后面的说明中注明。;-)

  浏览器兼容测试

  如果每个人都只使用最新版本的FirefoxSafari浏览器,浏览器的测试将是一件轻而易举的事。还是让我们面对现实吧,这是不会发生,我们未来几年都将会与Internet Explorer的问题做斗争(不只是IE6)

  以下是一些我常用的和一些我不用的工具,测试Internet ExplorerSafariFirefox其他浏览器的兼容性

  当前的IE, FirefoxSafari

  很明显,如果你在使用的Windows,目前肯定安装了例如Firefox 3.5Safari4OperaInternet Explorer等浏览器。

  图7

  7.老版本的Firefox

  如果需要测试的旧版本Firefox。这里有几个我认为最简单的方法可以做到这一点。

  Windows: Standalone Firefox (older versions) via Portableapps.com

  Mac: MultiFirefox 2.0

  PortableappsWindows上作为单独的应用软件运行Firefox,因此没有必要安装,也不会干扰到当前安装的Firefox

  Mac下的MultiFirefox 2.0,可以让你运行不同版本的Firefox,并管理不同的账户。

  你可以访问http://releases.mozilla.org/pub/mozilla.org/firefox/releases/下载其他版本

  图8

  8、老版本的Safari

  不幸的是,基于WindowsWeb开发人员,我没有测试多个版本的Safari浏览器的简单解决办法。对Mac用户来说,这是个不错的独立版本的Safari浏览器收集


TAG: 浏览器 测试 兼容性

 

评分:0

我来说两句

Open Toolbar