揭秘CSS(第 1 版)
1.2.2 预览工具
阅读(

概述

CSS简介

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 所示:

IE Tester
图1-1 IE Tester

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

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

关于作者

歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》,并全部在 GitHub 上开源。

如果本教程对您帮助很大,请随意打赏。您的支持,将鼓励我写出更好的教程!

← 键盘方向键翻页 →
返回顶部 手机访问 关注微信 返回底部

扫码访问歪脖网

随时随地,想看就看

关注歪脖网微信

分享 web 知识、交流 web 经验