CSS预览工具

绝大多数浏览器对CSS都有很好的支持，设计师不必担心其设计的CSS不被浏览器所支持。

而在实际开发中，最让设计师头痛的是各个浏览器对新标准的支持程度，以及在CSS细节上的处理差异。经常出现的情况是，在一种浏览器中设计的效果，在另一个浏览器中并没有像预期的那样显示。因此，页面开发完成后，应该在一个或多个平台的几种浏览器下对网站进行充分测试，查看页面是不是按照预期的方式工作。

你并不知道用户使用哪种浏览器，因此在不同的浏览器中进行测试是非常必要的。常见的浏览器有IE、Google Chrome、Firefox、Opera、Safari等。由于Google Chrome、Firefox、Opera、Safari、IE10+ 等浏览器被称作现代浏览器，因为它们出现较晚，并且能够理解和支持HTML5、CSS3、ECMAScript、W3C DOM 等这些较新的标准。

使用HTML5和CSS3制作的网页，在所有现代浏览器中的渲染效果基本一致，而在老的IE中，不同版本的渲染效果差别较大，而老的IE仍然占有很大的市场份额。因此，为了确保网站尽可能适用于绝大多数的用户，毫无疑问，你需要在IE的各个版本中测试你的设计。

然而，IE版本众多，安装这么多版本，并在众多版本间进行切换，也是令人头疼的问题。令人欣慰的是，IE Tester可以使该问题迎刃而解。

IE Tester是一款完全免费的工具，使用它可以在一台机器上同时运行多个IE版本，并在IE11，IE10，IE9，IE8，IE7，IE6 和 IE5.5版本间自由切换，支持XP、Vista、Win7~Win10 等，是测试网页在IE不同版本中表现的不可多得的工具。如图 1-1 所示：

图1-1  IE Tester

你可以从 http://www.my-debugbar.com/wiki/IETester/HomePage下载 IE Tester 的最新版本。

开发网页的常见测试流程是，在构建页面过程中定期在几个浏览器中对页面进行检查，当页面完成以后，要在全套浏览器中检查。整个网站全部完成之后，还需要在全套浏览器中再次进行测试，确保整个网站没有问题。