网页兼容性测试

   IETester 专门用于测试网页在IE浏览器各个版本中兼容性的工具,可以在很方便在ie5.5,ie6,ie7,ie8各个版本中切换,因为现在的人使用基本都IE6以上的版本,所以IE5.5可以不用测试了.重点是IE6,因为IE6出现的问题比较多


  新建IE6,然后在下面的地址栏中,输入你要测试的网页的连接地址,看看显示效果是否是你要设计布局效果,如果是,那就IE6显示是没问题的,接着测试IE7,IE8,IE9,如果都没问题,那就证明在目前主流的IE版本是没有问题.


  接着是360浏览器,如果显示有差异,可以在页面上,右键单击--单击"查看源代码",可以了解代码运行的情况,如果觉得看得代码不够直观,可以使用Firefox 浏览器中Firebug工具


  打开Firefox 浏览器查看网页显示效果,同时我们也可以查看各个界面加载的代码是什么.单击,上方的"工具"--web开发者--Firebug--打开Firebug.如果没有这个工具,去百度搜索下载这个组件,然后在Firefox 浏览器中工具--附加组件中添加


  打开Firebug后,在浏览器的下方,网站运行的代码.


  鼠标经过相应代码上方时,该代码运行显示的效果上面显示是灰色,因此我们可以轻松地去确定显示有差异的效果的代码是什么,Firebug支持临时修改运行的代码,临时改变显示效果,我们根据效果再去修改文件的源代码.


  其它浏览器的测试,我们可以参考CNZZ的统计数据与百度流量研究院的国内主流浏览器市场份额排行榜,去考虑选择哪些主流浏览器进行测试进而减少工作量.如下方2013年CNZZ的统计数据与百度流量研究院的统计数据

时间: 2025-01-23 20:29:01

网页兼容性测试的相关文章

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

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

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

每天在回顾浏览ThemeForest上的模板的时候,我都会测试验证浏览器的兼容-更不用说我自己的工作.随着时间的推移,我已经收集到了网上最好的验证和浏览器兼容性测试的工具,以下是我最爱的. HTML和CSS验证 首先让我们先看一看检查验证HTML与CSS的方法.我应该说到的是由于我在MAC上工作,会略微偏向于MAC.不要担心,仍然有许多平台独立解决方案的. 除了验证你的文件以外,你也应该很好的格式化自己的代码"HTML/CSS格式化实例与提示"是有关此类主题的文章. 1.W3C 验证

win8高效辅助软件兼容性测试

  用户们在这个经典的Windows操作系统平台上,得到了视听.娱乐以及各种安全服务的同 时,通过一些第三方的辅助软件,Windows能够高效地提高人们的工作效率,这一类高效服务类工具,最终发展成为一个比较大的类别.那么,在目前最新的 Win8系统平台下,这一类的软件应用的兼容性如何?我们将和大家继续来探讨. 往往在PC上使用了这样的工具软件,都能提高或者辅助用户的工作和学习,而对于目前最新的Windows操作系统来说,这个系列的软件也都是用户所需要的实用工具,我们抽取该系列软件中的部分软件来进

win8软件PC网络工具兼容性测试

 本次所涉及到的测试产品有P2P终结者.黑马远程控制软件.傲盾网游加速器2011.这些软件均是曾经广为使用的网络工具,我们这里将他们抽取出来,作为本文参与测试的产品. 网络工具 网络辅助 软件名称 P2P终结者 黑马远程控制软件 傲盾网游加速器2011 影响网络带宽应用和实施的4个主要因素是:不同设备通过网络发送信息的采样频率不同,要求同步操作的元件数不同,表示信息的数据或消息的大小不同,以及 控制信息传输的机器自动控制MAc的子层协议不同.出此,为了满足网络控制系统的时间限制和保证其性能,必须

13个不同浏览器兼容性测试的免费软件工具

前端开发人员最头疼的,莫过于形形色色的浏览器间的兼容性问题.每天绞尽脑汁地为这些本不应该存在的东西费尽心思.由于各个浏览器内核及解析方式的不同,使得相同的前端代码不能实现相同的效果.所以,培养良好标准的代码编写习惯的同时,熟练掌握浏览器兼容性测试的常用工具也是必需的了.这里是网络上传播较多的13个不同操作系统中各色浏览器兼容性测试的软件工具. HTML和CSS验证 首先让我们先看一看检查验证HTML与CSS的方法.我应该说到的是由于我在MAC上工作,会略微偏向于MAC.不要担心,仍然有许多平台独

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

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

10款很棒的浏览器兼容性测试工具

  对于前端开发工程师来说,确保代码在各种主流浏览器的各个版本中都能正常工作是件很费时的事情,幸运的是,有很多优秀的工具可以帮助测试浏览器的兼容性,让我们一起看看这些很棒的工具. Spoon Browser Sandbox 点击你需要测试的浏览器环境,安装插件就可以进行测试了.帮助你测试网页在Safari.Chrome.Firefox和Opera浏览器中是否正常,IE以前也有的,网站上说应微软的要求去掉了. Superpreview 这是为微软自己发布的跨浏览器测试工具,您可以同时查看您的网页在

11款超赞的浏览器兼容性测试工具

  对于前端开发工程师来说,确保代码在各种主流浏览器的各个版本中都能正常工作是件很费时的事情,幸运的是,有很多优秀的工具可以帮助测试浏览器的兼容性,让我们一起看看这些很棒的工具. Superpreview 这是为微软自己发布的跨浏览器测试工具,您可以同时查看您的网页在多个浏览器的呈现情况,对页面排版进行直观的比较. IETester 专门用于测试网页在IE浏览器各个版本中兼容性的工具,版本包含IE5.5至IE9的各个版本,很不错的一款工具,推荐. BrowserShots BrowserShot

再谈浏览器兼容性测试

今天跟大家聊一个老生常谈的话题:浏览器兼容性测试. 测试国内网站的同学是不是已经非常头疼了,因为面对的浏览器除了国际大牌如IE, Chrome, Firefox, Opera, Safari, 还有国内诸多屌丝级的浏览器如:360安全浏览器,360极速浏览器,360影视浏览器(360碉堡了,会不会再搞出一些购物浏览器,买火车票浏览器啊?)搜狗双核浏览器,猎豹,淘宝,世界之窗,百度浏览器,还没完呢,听说过枫树浏览器吗?没听过的赶紧去科普科普吧!另外我今天还被不知不觉安装了云帆影视浏览器.再想想这些