且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

《HTML5+CSS3网页设计入门必读》——1.5 利用多种Web浏览器执行测试

更新时间:2022-03-13 20:45:09

本节书摘来自异步社区《HTML5+CSS3网页设计入门必读》一书中的第1章,第1.5节,作者: 【美】Julie Meloni更多章节内容可以访问云栖社区“异步社区”公众号查看。

1.5 利用多种Web浏览器执行测试

刚才讨论了Web内容递送的过程以及如何获得Web服务器,现在回过头来并讨论利用多种Web浏览器测试Web站点似乎有点奇怪。不过,在继续学习关于利用HTML和CSS创建Web站点的所有知识之前,要记住下面这句非常重要的话:你的Web站点的每位访问者将可能使用与你自己不同的硬件和软件配置。他们的设备类型(台式机、笔记本电脑、上网本、智能手机)、屏幕分辨率、浏览器类型、浏览器窗口大小、连接的速度都可能与你不同。记住:当访问者查看你的站点时,你不能控制他们使用的任何方面。因此,在你设置Web托管环境并准备好工作时,要考虑下载多种不同的Web浏览器,以便可以使用本地测试工具套件。下面让我解释为什么这一点很重要。

尽管所有的Web浏览器都会以相同的常规方式处理信息,但是它们当中的一些特定的区别将导致事情在不同的浏览器中看起来并不总是相同的。甚至相同Web浏览器的相同版本的用户也可能通过选择不同的显示选项和/或更改他们的查看窗口的大小,来改变页面的显示方式。所有主流的Web浏览器都允许用户利用他们自己的选择覆盖Web页面作者指定的背景和字体。当页面第一次出现在人们的显示屏幕上时,屏幕分辨率、窗口大小和可选的工具栏也可能改变他们所看到的页面大小。你只能确保自己编写的是符合标准的HTML和CSS。

在任何情况下,都不要花时间创建只会在你自己的计算机上看起来完美无缺的最终设计——除非你在朋友的计算机上、大街上的咖啡店里的计算机上或者你的iPhone上查看它时能够坦然地面对失望。

by注意:
在第15章中,你将学习一点响应性Web设计的概念,其中将依赖于用户的行为和查看环境(屏幕大小、设备等)自动转换和改变站点的设计。
应该总是尽可能多地在下面这些Web浏览器上测试你的Web站点。

  • 用于Mac和Windows的Apple Safari。
  • 用于Windows的Google Chrome。
  • 用于Mac、Windows和Linux的Mozilla Firefox。
  • 用于Windows的Microsoft Internet Explorer。
  • 用于Mac、Windows和Linux/UNIX的Opera。

既然你已经建立了开发环境,或者对将来想要建立的开发环境至少有了某种想法,现在就让我们继续创建一个测试文件。