XXSS与插件如何使用插件.doc

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