Tagged

兼容性

compatibility

Adobe

Adobe发布BrowserLab网站 助你测试浏览器兼容性

向大家道个歉,事实上Adobe的这个服务还是预览版,尚未正式发布,目前只是提供内测。神飞访问的比较早,所以荣幸的获取了内测资格。但是貌似内测名额大概只有3000-5000个。不过该项目会在7月初想更多的用户开放——不确定是否完全开放。一旦正式开放了,神飞会在第一时间告诉大家的。——神飞@6/4/2009 今天,Adobe发布了BrowserLab网站,为网页设计师提供网站在线预览的功能,这些预览可以基于目前Windows和mac平台的主流浏览器。你可以通过这个网站看到你的网站在各个浏览器中的不同表现,从而很方便的测试网站的浏览器兼容性。而且它还提供了水平两栏对比和洋葱皮对比(将两个界面叠加在一起)。 默认的是两栏对比模式。默认的浏览器是firefox 3.0 @ windows 貌似该项目目前支持的浏览器不是很多,只支持这几个,不支持Windows下的Safari和IE8。 必须提起的是,如果使用browserlab服务,你必须有一个Adobe的帐号。 另外,该项目还有个Dreamweaver扩展/插件,官方说支持DW CS4,不太清楚较低版本是否支持。而且Adobe Extension Manager需要是2.1版本——DW CS4 默认的是2.0版,你需要到官方下载2.1补丁。

RGBA

RGBa色彩的浏览器支持

RGBa是一种在CSS中声明包含透明效果的颜色的方法,它的语法是这样的: div { background: rgba(200, 54, 54, 0.5); } 它允许我们为元素添加透明色。或许我们习惯了使用”opacity“,它很简单易用,但是,opacity会使所有的子元素都变成透明的,而且很难去解决这个问题。(除非使用怪异的定位hack) 跨浏览器透明同样颇为棘手。 通过RGBa,我们可以将一个元素设置为透明,而不会影响其子元素: 声明一个保留颜色 并非所有的浏览器支持RGBa,所以如果允许的话,可以声明一个保留色彩。这个色彩应该是可靠的——所有的浏览器都支持。不声明就意味着,在不支持RGBa的浏览器里面,没有使用颜色。 div { background: rgb(200, 54, 54); /* The Fallback */ background: rgba(200, 54, 54, 0.5); } 不过,这条退路在某些古董级浏览器中依然无效。 RGBa的浏览器支持情况 浏览器,

兼容性

7个新鲜的测试浏览器兼容性的简单方法

本文写给设计师、程序员和其他任何与测试他们的网站的多浏览器兼容性作斗争的人们。 不到一年前,几乎没有什么好的选择来测试网站的跨浏览器兼容性。那时候的那些工具常常有些缺陷,比如成本、功能或时间限制等。然而最近,在浏览器测试方面出现了很多新面孔,它们中的一些确实提供了很优秀的功能和服务。 在本文中我们将介绍7款新鲜和简单的用来测试浏览器兼容性的工具,这些工具地足额可以让测试工作变得非常容易。不仅如此,这些工具还是免费的。 1. Xenocode 浏览器沙盒 Xenocode沙盒是Windows电脑中的浏览器测试的游戏规则的一个改变者。通过一次鼠标单击,你就可以打开一个独立的浏览器而无需安装。你可以在多个IE版本、Firefox、Google Chrome甚至是Safari中进行测试。而且是实实在在的测试,而不仅仅是截屏。最主要的是,全部的服务都是免费的。 不幸的是,它还不是最佳的方案。现在它还不支持mac系统。然而,我听说,它将来会支持Mac,到那个时候,它将是无与伦比的! 2. CrossBrowserTesting.com 该网站为注册用户提供5分钟免费的测试服务,付费用户可以得到更多。CrossBrowserTesting.com 让测试变得非常简单,只需登录并选择一台有你想要的浏览器的电脑。一旦你选择了你想要测试的机器和浏览器,你就可以开始测试了。 你可以使用一个基于网页的Java Applet来链接到他们的同步测试主机,或者你也可以使用本地VNC客户端。