网站建设之浏览器兼容性测试

网站建设之浏览器兼容性测试

做前端设计最重要的一点就是浏览器兼容性验证,这一点也是最让人头疼的问题,一般情况下,大型的门户网站甚至要兼容IE5.5甚至IE4,有的时候还需要兼容手机浏览器,为了保证在这么多纷繁复杂的浏览器平台中都可以正常的显示,做浏览器兼容性的验证就显得非常重要了。青岛网站建设在这里给大家介绍一些常见的浏览器兼容性方法,供大家参考。

  1. W3C 验证 - HTML

    可能大多数人都知道在线的W3C验证服务你可以通过链接地址进行验证,或者是上传文件或者直接提交代码。有很多的验证选项,尽管很多时间你不真的需要他们。
    在线验证地址:http://validator.w3.org/  通过声明网页中的标准 Trasitional  或者District 的方式,通过其中的验证。一般我们都使用的是 Trasitional,通过District验证的网站一般都是前段做的非常棒的网站。

  2. W3C 验证 - CSS
    你很可能知道W3C的也有一个CSS校验服务。与HTML验证服务一样,这个CSS版本更多的选择,并允许在必要时通过的URI验证,文件上传和直接提交代码。在线验证网址:http://jigsaw.w3.org/css-validator/
     

  3. 网页开发工具
    The Web Developer toolbar extension for Firefox的网页开发工具条非常受欢迎,拥有很多非常棒个的功能,附加了很棒的HTML与CSS验证工具,你可以快速的对当前浏览的本地文件网站进行 验证。他会发送URI或者文件到W3C,并在新的选项页里面显示验证结果。
    你也可以打开“验证显示页面”来快速查看HTML和CSS的验证信息,无需再打开新的标签页面。假如你在开发一个项目非常有帮助。不仅仅是HTML与CSS你也可以验证更多的选项。

  4.  W3C Validator Favelets
    我使用Safari浏览器作为我的主要网络浏览器,但是Firefox已经宠坏了我,它拥有强大的扩展选择,如网络开发工具栏和Firebug。 Safari浏览器的Web Inspector,一个类似Firebug的工具,但不能进行文件验证。 涵盖几乎任何主要浏览器验证HTML和CSS的快速和轻松的方法是使用favelets 。 Favelets是通过JavaScript增加额外的功能的书签片段。 W3C的提供了几种验证favelets,我经常使用的是Safari 。

  5. 你的开发编辑器
     

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

  6. 验证 S.A.C.

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

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

    验证的一些想法

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

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

    浏览器兼容测试

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

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

    当前的IE, Firefox与Safari

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