跨浏览器兼容测试有关的大量资源

跨浏览器是所有网页设计师都会碰到的常见问题,当完成一个页面后,经常会要测试IE,FF等多种常用浏览器软件。有时候客户也会要求兼容更多浏览器,当电脑里没有安装这类浏览器时就会显得很麻烦,所以推荐那些为跨浏览器测试范畴的网页设计师可以阅读下本文

我们生活在一个幸福又痛苦的时代,有太多的浏览器可以使用,对 Web 开发与设计者而言,你有义务保证你的设计兼容所有主流浏览器。然而跨浏览器测试是件相当复杂的事,涉及不同的浏览器,不同的版本,不同的平台。本文介绍了与跨浏览器兼容测试有关的大量资源。

在线测试资源

Browsershots

是一个备受欢迎的免费在线跨浏览器测试工具,包含各种平台的各种浏览器,会为你的网站截图,因为太受欢迎,所以要排队。

Netrenderer

针对不同版本的 IE 进行测试,甚至即将包含 IE9。

Browsrcamp

免费版支持 Mac 上的 Safari 3.1.2 测试,收费版本包括更多 Mac 浏览器。

Adobe Browserlab

老牌的跨浏览器测试平台。

Litmusapp

特点是,可以得到一份完整的跨浏览器兼容测试报告,免费版只限于 IE7 和 Firefox 2。

Anybrowser siteviewer

可以按不同屏幕尺寸在不同浏览器中预览你的网页,甚至可以在不同页之间浏览。

Fundisom

一个 Mac 平台的网站截图生成工具,支持 Safari,MacIE 和 Mozilla,目前好像宕机了。

Delorie lynxview

看看你的网页在纯文本浏览器 lynx 中的样子。

Browsera

更像一个整站测试工具,而不是单纯的网页截图工具,会爬遍你的站点,对整个站点进行测试。

插件和工具资源

IE Tab

这是一个 Firefox 扩展,可以以新标签的形式,以 IE 引擎显示页面。

IETester

一个免费的多版本 IE 内核浏览器,支持 IE9/8/7/6/5.5,支持 Windows 7,Vista,XP。

IECapt

一个小巧的命令符工具,可以将指定网页在 IE 中的渲染结果输出到 BMP,JPG 和 PNG 图片。

Multi-Safari

多版本 Safari 测试。

Expression Web SuperPreview

不同版本的 IE 测试。

Iphoney

如果你针对 iPhone 320x480 的屏幕进行设计,这正是你需要的工具。

MultipleIEs

针对古董级浏览器 IE3/4/5/6 进行测试。

Multiple IE

和 MultipleIEs 类似,也是针对古董级浏览器进行测试,不同的是,这工具可以让你在同一台机器上运行从 IE6 到 IE3 各个版本的浏览器。

SortSite Professional

一个非常全面的测试工具,可以测试你网站中每个页面,为所有发现的问题生成报告,拥有300个指标。

Lunascape

世界上第一个,也是唯一的一个三引擎浏览器,可以模拟 IE,Firefox,Chrome,Safari。

付费服务资源

Browsercam

这是一个付费服务,可以在不同平台下的不同浏览器中测试你的网站,既可以自动截图,又可以远程访问他们的计算机。

Crossbrowsertesting

针对所有平台下的所有浏览器进行测试,付费服务,19.95 美金起价。

Browser Photo

有12种不同浏览器和计算机配置组合,生成每种组合下的站点屏幕截图,收费服务,一次15美元。

Url2image

登录后,你可以针对不同平台,不同浏览器,生成你网站的截图,两个截图1美元。

SortSite

针对不同浏览器,测试你网站的各种功能,149美元。

Multi Browser Viewer

预装了17个独立的虚拟浏览器,除此之外,还可以针对 Mac,Windows,Linux 平台下的50款浏览器进行测试。单用户99.95美元。

Cloud Testing

对你的电子商务站点的外观与功能,针对 IE6/7/8, Firefox, Safari, Chrome, Opera 进行测试。

时间: 2024-09-19 09:14:23

跨浏览器兼容测试有关的大量资源的相关文章

跨浏览器兼容测试8大利器

中介交易 SEO诊断 淘宝客 云主机 技术大厅 仅仅是一年前,跨浏览器兼容测试还不是一件容易事,市面上的测试工具都有一些缺陷,要么太贵,要么功能有限,要么很难用.最近我们终于看到了一些新 的工具出现,其中的一些可谓十分出色.本文精选8种最新的跨浏览器测试工具,这7款简单的工具让你的工作变得十分容易,而且它们完全免费. #1 - Xenocode Browser Sandbox Xenocode Browser Sandbox 改变了基于 Windows 的浏览器兼容测试工具的游戏规则,只需点一下

使用 PostCSS 跨浏览器兼容教程

这里我们将使用PostCSS创建一个跨浏览器兼容性的样式表.我们将要做的: 有前缀的自动添加前缀添加一系列的IE版本,回退到IE8.IE9和IE10为没有支持的属性添加will-change属性 设置项目 你需要做的第一件事情就是使用Gulp或Grunt设置您的项目.如果你没有一个完美的项目模板,我建议你使用Gulp,可以使用较少的代码来达到相同的目的. 你可以阅读前面有关于Gulp或Grunt创建PostCSS项目的教程:     PostCSS深入学习:Gulp设置    PostCSS深入

编写跨浏览器兼容的 CSS代码的金科玉律

作为 Web 设计师,你的网站在各种浏览器中有完全一样的表现是很多人的目标,然而这是一个永远无法真正实现的目标,很多人认为,完美的跨浏览器兼容并不必要,这样说虽然没错,但在很多情形,一种近似的兼容还是很容易实现的,本文讲的是各种跨浏览器兼容的 CSS 编码准则和技巧. 理解 CSS 盒子模型 如果你想实现不需要很多奇巧淫技的跨浏览器兼容的 CSS 代码,透彻地理解 CSS 盒子模型是首要事情,CSS 盒子模型并不难,且基本支持所有浏览器,除了某些特定条件下的 IE 浏览器. CSS 盒子模型负责

解决跨浏览器兼容的CSS编码准则

浏览器越来越多,也就意味着做web前端开发的就越困难.现在的浏览器的内核都同,对于css的兼容也会有一定的差别!以前讲的用css hack来也不是一件容易的事,用过多的css hack来兼容也会出现许多臃肿的代码:所以掌握一些跨浏览器兼容的css编码准则是非常有必要的. 第一:理解css盒子模型(学习div+css布局也是很重要的,学会的css的盒子模型学习div+css也就不难了) 透彻地理解 CSS 盒子模型是首要事情,CSS 盒子模型并不难,且基本支持所有浏览器,除了某些特定条件下的 IE

解决Flexbox跨浏览器兼容Bug

早在2013年9月,我在测试我的Solved by Flexbox项目时,在IE10和IE11中发现了一个Bug,就是Sticky footer实际上不会粘贴在页面的底部.我花了很多时间来解决这个问题,但始终没有成功. 起初,我真的很生气.在Flexbox出现之前,如果在不知道页脚的确切尺寸情况之下,要使用纯CSS来实现Sticky Footer的效果是不太可能.Flexbox改变了这一切,可以使用CSS解决这个问题. 失望之后,我最终得出一个结论,这不是什么大不了的事情.我的意思是,从渐进增强

Flexbox跨浏览器兼容Bug解决方法

在IE10和IE11中发现了一个Bug,就是Sticky footer实际上不会粘贴在页面的底部.我花了很多时间来解决这个问题,但始终没有成功. 起初,我真的很生气.在Flexbox出现之前,如果在不知道页脚的确切尺寸情况之下,要使用纯CSS来实现Sticky Footer的效果是不太可能.Flexbox改变了这一切,可以使用CSS解决这个问题. 失望之后,我最终得出一个结论,这不是什么大不了的事情.我的意思是,从渐进增强的角度来看,我的解决方案还是相当不错的.虽然它在IE并不完美,但不至于坏得

IETester模拟多浏览器兼容测试web标准工具

在IE7刚出道时,涉及到不同IE前的表现标准不统一时,当制作者需要测试不同IE之间的页面CSS兼容性时,需要在不同电脑上测试.随后 multiple-ie 出来了,让我惊喜了一段时间,因为它可以在同一台电脑上,同时使用IE5.5/IE6/IE7,确实在很大的程度上增加了页面制作测试的便利.(multiple-ie 下载) 现在,又出现了一个让人激动人心的工具,那就是IETester,以下是IETester的简介: IETester是一个非常棒的网页设计师的必备工具,有了这个工具,就可以知道网页在

js dom的setTimeout与setInterval不同浏览器兼容测试(1/2)

<html> <head> <title>setTimeout example</title> <script type="text/javascript教程"> function delayedAlert() {   timeoutID = window.setTimeout(slowAlert, 2000); } function slowAlert() {   alert("That was really sl

跨浏览器测试资源大全

我们生活在一个幸福又痛苦的时代,有太多的浏览器可以使用,对 Web 开发与设计者而言,你有义务保证你的设计兼容所有主流浏览器.然而跨浏览器测试是件相当复杂的事,涉及不同的浏览器,不同的版本,不同的平台.本文介绍了 与跨浏览器兼容测试有关的大量资源. 在线测试资源 Browsershots 是一个备受欢迎的免费在线跨浏览器测试工具,包含各种平台的各种浏览器,会为你的网站截图,因为太受欢迎,所以要排队. Netrenderer 针对不同版本的 IE 进行测试,甚至即将包含 IE9. Browsrca