A-A+

网页浏览器兼容性测试的简单方法

2015年08月13日 web前端设计 评论 111 条 阅读 191 views 次

对于经常做网页设计的人员来说,网页的兼容性测试是不可缺少的,记得刚来单位的新手,都是要安装一款浏览器测试软件的,看自己制作的网页是否在各大浏览器中正常显示,有没有变形,或者网页效果不兼容等,记得给好多网页设计新手推荐的是 IETester 工具,当然,除了在电脑中安装的软件之外,还在其在线测试的网址,很高大上,下面夏日博客就来一一记录下来吧。

1,IETester

首先要推荐的当然是 IETester,这款软件我已经用了许久了,记得刚开始制作网页的时候就在使用,其中可以测试网页在 IE5、IE6、IE7、IE8、IE9之间的兼容性,可以将这几个IE版本一同打开来看不同的效果,这款软件基本上是新手网页设计人员前期必备的工具了,效果如下:

2,Mozilla Firefox

网页设计界有这样一句话,只要网页在火狐浏览器中兼容性没有问题,哪么在其他浏览器中出现兼容性的问题可能性就很小,这要得易于火狐浏览器对于网页代码的严格规范有关了,火狐浏览器对网页代码的严谨程度使得得许多网页设计者都喜欢使用火狐来进行排版与测试,不得不说火狐是一个好的网页测试工具,如下图所示:

3,BrowserShots

BrowserShots 是一款强大的在线浏览器网页测试工具,打开之后吓了一跳了,它支持几乎现在所有主流操作系统及所有主流浏览器下下网页测试,只要我们选择要测试的浏览器或操作系统,输入网页,提交打开就可以在线进行网页兼容测试了,对于网页设计人员来说,这无疑是个强大的网页测试兼容工具,但如果这个工具让客户看到了,就会成为设计人员的“灾难”了,呵呵,不多说了,看下图:

在线网址地址是:http://browsershots.org/

4,IE NetRenderer

如果你感觉 BrowserShots 过于强大,而有时候我们又用不到哪么多的浏览器测试,就可以用 IE NetRenderer,软件如其名,就是用来测试网页在不同IE浏览器下的网页兼容效果,同 IETester 一样,有点将 IETester 搬上线上的感觉,同样是从 ie5.5 到 ie9 浏览器版本的网页测试,且可以在测试成功之后显示网页的加载时间,如下图:

在线网页地址是:http://netrenderer.com/

标签:

111 条留言  访客:111 条  博主:0 条

  1. 刘国栋个人博客

    IE就一直用的 IETester,挺好使

    • smiling

      我做美工的时候用的也是 IETester。

  2. 一生必读的60部名著

    网页设计是最麻烦的了,兼容性搞得人头疼。

  3. 六六软件园

    做好的网站,每天就是在测试兼容性。

    • 街拍美女视频

      一个好的项目几乎每天都在测试兼容性。

  4. 六六软件园

    早起的鸟儿有虫吃,多多学习吧。

  5. Aidaimacom

    😛 不对

  6. 头条

    要保证网页在不同的浏览器中都能够做到兼容,始终是个头疼的问题啊。

    • 海洋之神

      兼容神真的让人很头疼,尤其现在的各个浏览器各种种种的。

  7. 民间偏方大全

    IE内核,非IE内核。 firefox,chrome,ie

    • 海洋之神

      火狐的兼容性最标准,也是最难弄的。

  8. 战瘟施

    ietester,win10下面是不是不能用?

    • 明众国际教育

      现在的ie也越来越规范样式标准化了。

  9. 草根java

    ietesters 最新版本都支持ie5.5,ie6,ie7,ie8,ie9,ie10了。怎么不集成其它浏览器。

  10. 淘金阁

    没办法,现在流行的浏览器兼容性越来越标准了,也越来越自适应化了,有的网页在同一个浏览器不同版本下显示都是不同的,比如测试网页在IE8和IE6下的显示的就有不一样的地方,测试Chrome 10和Chrome 11显示的又不一样。

    • 明众国际教育

      IE的版本是最复杂的,要适应各个浏览器之间的兼容,ie8和火狐的标准已经差不多了。

  11. 淘金阁

    ietester 会不会对系统不稳定,以前使用过个类似的,,把我的ie搞的乱七八糟的~

    • 卡祖玛咖官网

      ietester应该还可以吧,不过目前测试浏览器兼容好像都是火狐浏览器了。

  12. 淘金阁

    一般都是 IE内核的吧,谷歌,360测试没问题就行。

    • 卡祖玛咖官网

      还有重要的火狐呢。

  13. 高清图片

    把一些流行的浏览器兼容性搞定就行了,比如国外的火狐,IE,谷歌浏览器,加上国内的 360,傲游,搜狗浏览器等就可以了。

    • 司鼎鸿

      你这是基本上所有的浏览器全都包含了啊。

  14. 专业美工

    我们单位用过 Litmus 工具,虽然是收费版的,但其功能还是较强大,Litmus很流行,而且还是跨浏览器测试工具,收费的有点太贵了,免费的功能又不够。

    • 最美情感故事网

      这是个什么工具,做前端怎么久居然没有听说过,孤陋寡闻了。

  15. 养老院

    用过 CrossBrowserTesting.com 和 IETester,这些优秀的测试网址和软件没想到都是老外的,国内怎么就没个好点的测试点呢。

    • 最美情感故事网

      还是喜欢用 IETester。

  16. 我要网赚

    推荐使用 Xenocode 浏览器沙盒,这软件测试兼容超赞的说。

    • 在线福利网

      这都是国外的测试浏览器兼容软件吗,都没听说过。

  17. 中华神韵网

    习惯使用 DW 自带的浏览器兼容进行测试。

  18. 小不点

    感觉现在的兼容就是给专业人做的,太难了。

    • 网上赚钱

      不如以前的 table 来得更简单。

  19. 电脑知识

    老电脑,还在用着IE6

  20. 黑苹果博客

    国外哪个测试网址好强大,连 linux 都能测兼容了,牛逼。

    • 网上赚钱

      linux是给专业人士用的,普通用户哪能使用得了。

  21. 免费黑客网

    喜欢火狐和IETester,大概测试几款浏览器兼容了就可以了,没必要什么浏览器都测试的。

    • izumi猎奇资讯

      嗯,说得有道理,除非非常专业的公司才做得兼容性很强。

  22. 微动创意

    现在的网页美工就是一个折腾。

    • helloworld

      实际上熟悉了以后,也不是很难。

  23. 言情888

    我做的网页在360浏览器下面测试通过就OK了。

    • BanYuner

      360很不标准的。

  24. 言情888

    只要是顾客手里看到的是兼容的就OK了,其它的一切都是浮云~~

    • BanYuner

      虽然有点不太道德,但说得很有道理。

  25. 小李飞刀

    没有绝对的兼容,只能说相对兼容,经常到素材网下载特效的就知道了,特效素材下面都会写上兼容某某浏览器,但他绝对不敢说兼容所有浏览器。

    • BanYuner

      都是兼容所谓的主流浏览器就行了。

  26. 微小秘官网

    感觉美工越来越复杂了,以前只学个PS和DW,再加点FLASH,现在PS,DW,还要学 DIV+CSS,还要学 JS,JQUERY,AJAX,还有更复杂的兼容性,还有自适应,还有手机微信站,比起以前的美工,现在有点超出范围了。

  27. pdf编辑软件

    DIV+CSS兼容所有的设备真心不好弄。

  28. 玻璃钢电缆支架

    都出到 IE9 了吗,表示没用过啊,最多用到 win7,ie8 的程度,这更新的有点太快了吧。

  29. 梅州SEO

    做网页兼容就跟组装电脑的感觉一样,把所有零件都买回来了,结果不是黑屏就是电脑不能用,兼容性弄不好。

  30. 牛男汽车影音

    mac 和 linux 下的兼容测试就没必要了吧,这两个系统,普通用户很少用的。

  31. 夜夜撸在线视频

    怎么省劲怎么来,想要方便测试的话就用在线的,想要长期测试兼容的话就用 IETester,想要更专业的话就是火狐了。

  32. 水泊梁山

    好怀念 table 和 ie6,肯定不存在兼容性的问题,现在想学 div + css 都学不来了,感觉太麻烦了,全程代码写,没有可视化的操作。

  33. 迅雷会员账号共享

    最烦的就是网页前端里面的兼容了,搞得比后台写代码都要复杂。

  34. 善记事博客

    文章不错

  35. 三月福利吧

    这个倒是很方便!!!

  36. 李明

    在电脑安装几款常用浏览器测试,没问题就可以了。

    • 妹子最多的大学排行

      不用安装哪么多吧,安装浏览器太多了,电脑直接卡死了。

  37. 土木坛子

    netrenderer.com 这个用过,不错,在线版,方便。

    • 妹子最多的大学排行

      在线测试兼容的确挺棒,应该出个在线方便的工具。

  38. 明月登楼

    用的很少这类测试,估计主题设计的会用到!

  39. 怪蜀黍

    怎么在线测试的网址都是国外的,博主可以搞个国内中文的测试,搞好了,流量哗哗的来,

  40. 喜欢经济学的怪蜀黍

    怎么在线测试的网址都是国外的,博主可以搞个国内中文的测试,搞好了,流量哗哗的来,不用谢了。

  41. Firefox

    还是火狐吧,刚开始学习的时候装了好多火狐测试插件,现在也已经卸载得差不多了,想省劲的话就用在线测试好了,但不太专业。

  42. anjilllove

    一直在用IETester测试网页兼容性,虽然IETester可以测试IE6,IE7,IE8,但是以后可能没实际的意义了。

  43. ZeroTek

    网页最难的莫过于兼容性了,单单是PC客户端还好,再加个手机端,再来个自适应网页,自己做还不如从网上下载现成的h5模板去改改。

  44. php妖僧

    感觉网页美工要比后台难度大得多,php后台就是把功能给实现了就行了,客户也没什么要求,就是前台,挑来挑去,烦啊。

  45. TwIStOy

    chrome好用是好用,但是界面就是不如火狐的好看,而且字体有时候还异常显示。

  46. 国西北航空官网客服电话

    网页测试兼容性的工具还不少呢,关键是要养成自己一个规范写代码的习惯呀。

  47. 蓝沢润

    网页测试的工具原来有怎么多,我做电脑PC站点和手机站点的时候,用的就是火狐了。

  48. 武汉大学选课系统

    用以前的 table 很好控制兼容性,基本不会出现兼容性的问题,现在换成 div+css 的页面出现一堆的问题。

    • 唯美图

      table 的年代已经一去不复返了。

  49. 好孕网

    喜欢使用 Multiple IEs 和 IE netrenderer,同样是测试 IE 浏览器之间的兼容性的。

  50. 环球新军事

    推荐 IETester,毕竟现在 IE 还是主流,大多数电脑上都用的是 IE,360也是IE的内核,IETester 是专门测试网页在 IE 浏览器中兼容性的,从IE5到IE9,我一直在使用,值得推荐。

  51. 广州翅膀

    Chrome、Firefox和Opera浏览器上面兼容了基本就没问题了,现在 IE 浏览器用得人也是越来越少了吧,不过最好也兼容了。

    • 唯美图

      IE 在国内还是主流啊,现在随便安装个操作系统,系统默认的就是 IE 浏览器,这是最大的优势。360浏览器用得倒不少,但还不一样是 IE 内核吗。

  52. wings

    对于前端设计师来说,确保在各种主流的浏览器都兼容确实是一件很困难的事情。

    • 冠名海南

      总感觉前端设计师要比做PHP的难,因为客户主要看的就是美工好不好看。

  53. 房间潮湿怎么办

    现在浏览器更新太快,各种CSS样式,JS样式标准层出不穷,今年做的网页,明年就有可能不兼容,明年做的网页,后年就有可能不兼容。

    • 冠名海南

      所以美工就要不断的充电自己,多去学习,

  54. 黄海深

    刚开始做美工的时候,公司的老员工推荐使用 IETester,后来对前端越来越熟悉,感觉 IETester 并不专业,对于手机端的兼容往做不好,最后还是用了火狐,火狐可以同时兼容电脑端和网页端,但是火狐又有点太专业了,所以对于新手来说可以先用 IETester,慢慢的转向火狐浏览器。

    • 他她服装搭配网

      应该一开始就养成使用火狐的习惯,怕是用多了 IETester,到时候又转不回来火狐了,我就是用 IETester 用得时间太久了,现在虽然电脑安装了火狐,但也是偶尔的打开看一下,基本上不怎么使用。

  55. 知道91博客

    还是用万能的火狐吧,只要在火狐上面做兼容了,其它浏览器基本不成问题。

    • 企业管理软件

      火狐是容不得一点错误 bug 呀,只要有一点不规范就提示错误,所以养成最好的习惯就是先使用火狐浏览器了。

  56. 小漂哥

    网页兼容性最不好弄了,不是在这个浏览器上面出问题,就是哪个上面出问题,

    • wangfan6464

      兼容大多主流的浏览器就行了,有些不常用的就不用管了。

  57. 网页新手

    对于我来说,这篇文章太有用了,现在做网页最难的就是兼容,明明在 dw 里面调整好了,但移到网页就是变形,然后再调整,本地电脑调好了,传到网上又变形,要么给同事电脑上还是变形,网页兼容性太难弄了。

    • 企业管理软件

      这是网页美工新手都要经历的,只有你找到为什么不兼容的原因了,下次就不会犯同样的错误了,建议使用Firefox来测试兼容性,还有可以到素材网上多下载已经成型的网页,看看别人是怎么写代码的,为什么别人的就兼容大多数的浏览器呢。

    • living2015

      我们单位也是,如果不是什么特殊的页面,全到中国站长站素材站下载去了,谁还有哪个心去慢慢写呀,现在的素材都是满天飞。

  58. 禽药代理

    比较专业的就是 Firefox,网页设计师的必须测试兼容工具。

    • 企业管理软件

      Firefox 算是专业的测试兼容性的工具了,大爱,做网页以来一直在使用。

  59. IETester

    一直在用 IETester,从刚开始学网页就在用这个,主要看网页是不是兼容所有 IE 浏览器。

    • i通信

      IETester 是挺给力的,主要用来测试 IE 浏览器,哪个版本的都有,还可以。

    • 传说博客

      IETester 确是是个很棒的测试工具。

  60. 3D模型下载

    大爱火狐浏览器,对于网页测试兼容上面要求很严格,但有的时候不兼容高版本的 IE 浏览器,不知是啥原因。

    • i通信

      IE和火狐还是有一定的区别的,只要按照网页的规范来写,基本上都不会出现太多兼容性的问题。

  61. 篱笆笑话

    现在的浏览器太多了,哪个都要兼容,不像以前只有一个IE,做起来网页就是快。

    • MBA中国网

      还是以前使用 table,使用 IE6 的日子爽啊,页面很容易的做出来了,只可惜 DIV+CSS 出来之后,再加上各种浏览器规范升级,兼容问题就越来越难了,但是总的来说,网页也算是前进了一步。

      • 传说博客

        table 已经成为传说了。

    • ZeroTek

      IE的时代已经一去不复返了。

      • Darksiders_II

        IE虽然走向了没落,但现在依然还是主流浏览器。

  62. Sawyer

    某些渣渣浏览器别考虑兼容了

    • wings

      莫非说的是IE吗,现在是最渣的了。

      • Darksiders_II

        IE目前还是主流好不好。

  63. 微分销

    浏览器兼容问题真的好烦

    • 石头

      太烦了,有时候一个页面要调整好几天,这个浏览器刚刚调好,另一个浏览器又出现不兼容的情况了,烦透了。美工主要的工作都应付在兼容性上面了。

      • anjilllove

        网页美工就是在不断的调试中进步的,要么为什么一定要分新手和老手呢。

  64. 瑾瑜

    前三个都接触过~

  65. 李明

    兼容性最差是IE,其他浏览器问题不大。

    • 石头

      我都不测试IE了,只要在火狐上面测试成功就可以了,还有主流的360,但现在好多客户偏偏使用的就是IE6,你也是没撤了。

      • ZeroTek

        火狐和360浏览器差十万八千里呢,360用的是IE内核,兼容性跟火狐没法比,就是跟IE都没法比,老是出现问题。

  66. FROYO

    最爱Chrome,从来不掉链子

    • 尚丽女性网

      Chrome 就是干净,显得不凌乱,同样 Chrome 是最爱。

给我留言