文档介绍:第1章
如何使用插件
由于CSS得到了所有主流浏览器的支持,因此,大家认为使用它就像使用文本编辑器和Web浏览器一样容易。虽然可以这样想,但如果希望生成在所有主流浏览器上都能最佳显示的页面,实际上还要考虑很多事情。
首先,尽管几乎所有Web浏览器都支持CSS,但在实现特定功能的方式上它们之间还是有差异的,包括元素周围的空间,甚至元素的大小。这意味着需要在所有主流浏览器上测试Web页面,以确保它们在所有情况下都能很好地显示。
因此,如果使用Mac OS X或其他操作系统(如Linux),那还需要能访问Windows计算机, Explorer目前的版本只支持Windows操作系统。
下载和安装Web浏览器
表1-下载地址。尽管所有这些浏览器都可在Windows PC上安装,但它们并不都支持OS X或Linux。这些URL处的网页是智能的,会根据操作系统提供相应的下载版本(如果支持)。在准备学****本书之前,笔者建议你尽可能将这些浏览器都安装到你的计算机上。
如果运行的是XP或以上版本的Windows系统,那就能够安装所有浏览器,但在其他操作系统上,想都安装则不太容易。例如,在Mac OS X上(因为针对Mac的IE只开发到了版本5,其后已就没有开发了),可以安装除Microsoft Explorer之外的所有浏览器。尽管可以在Mac上安装Wine软件的执行部分Windows应用程序, Explorer,但笔者发现这一过程比较费力且结果不一致。因此,笔者不建议采用这一方法。也不建议依赖那些在不同的浏览器中对Web页面进行屏幕截图的网站,因为它们不能告诉你鼠标、键盘和其他功能是否工作良好或者根本不工作。
最好的选择是进行双系统(Windows和Mac OS X)安装,或是确保能访问Windows PC。毕竟,除非特意针对Mac计算机开发,否则使用Windows操作系统的用户还是占大多数。
至于Linux, Explorer,而且也没有Safari版本,不过所有其他的浏览器都支持Linux系统。和OS X一样, Explorer的各种解决方案,但它们只适用于部分发布版本,要想找到在Linux上运行Windows浏览器的完美方法还是有点困难的。
因此,如果你准备在非Windows计算机上进行开发,应保证它能访问Windows PC或者在安装主操作系统的同时安装Windows实现双启动(或作为虚拟机),这样可以在将Web站点发布到Web之前对其进行完全测试。
表1-1 Web浏览器的下载URL以及支持的操作系统
Web浏览器
下载URL
Windows
Mac
Linux
Apple Safari
/safari
√
√
Google Chrome
/chrome
√
√
√
Microsoft Explorer
/ie
√
Mozilla Firefox
/firefox
√
√
√
Opera
/download
√
√
√
老版本的Microsoft Explorer
Explorer的最新版本(在写本书时是IE8,不过IE9也在开发当中)能与其他主流浏览器非常好地兼容,但仍有大量运行IE7甚至IE6的用户。统计,截至2010年中,浏览器的使用率如图1-1所示。
图1-1 截至2010年6月的浏览器市场份额
Explorer的每个版本的工作方式不尽相同(IE6和IE7约有超过25%的用户),因此除了在主流浏览器的最新版本中测试Web页面外,还需要在这些较老版本中测试。我们知道这很痛苦,但又必须去做。幸运的是,有使其变简单的方法。
模拟IE6和IE7
为了帮助设计Web站点的开发人员专门针对较老版本做些工作, Explorer的开发人员创建了元标记,可将其添加到Web页面的头部,从而让IE知道它是较老的版本。下面是两个主要的元标记。
<meta http-equiv="X-patible" content="IE=7" />
<meta http-equiv="X-patible" content="IE=5" />
下面是如何使用IE7标记的例子:
<html>
<head>
<meta http-equiv="X-patible" content="IE=7" />
<title>My Website</title>
</head>
<body>
... Website Contents ...
没有IE=6选项(可能因为IE5和IE6的呈现引擎是类似的),因此使用IE=
Explorer进入所谓的特殊模式。在该模式下,其行为类似于IE5和IE6。
顺便提一下, Explorer进入完