《HTML5+CSS3网页设计入门必读》——1.5 利用多种Web浏览器执行测试
本节书摘来自异步社区《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站点。
既然你已经建立了开发环境,或者对将来想要建立的开发环境至少有了某种想法,现在就让我们继续创建一个测试文件。
异步社区 异步社区(www.epubit.com)是人民邮电出版社旗下IT专业图书旗舰社区,也是国内领先的IT专业图书社区,致力于优质学习内容的出版和分享,实现了纸书电子书的同步上架,于2015年8月上线运营。公众号【异步图书】,每日赠送异步新书。
相关文章
- 【微信小程序项目实践总结】30分钟从陌生到熟悉 web app 、native app、hybrid app比较 30分钟ES6从陌生到熟悉 【原创】浅谈内存泄露 HTML5 五子棋 - JS/Canvas 游戏 meta 详解,html5 meta 标签日常设置 C#中回滚TransactionScope的使用方法和原理
- Google Earth Engine——美国房地产数据和市场趋势应用(网页交互式APP)
- 《移动网页设计与开发 HTML5+CSS3+JavaScript》—— 第 1 章 网络平台
- 《移动网页设计与开发 HTML5+CSS3+JavaScript》—— 2.2 网页易读性倡议的无障碍的富因特网应用程序组件(WAI-ARIA)
- 《移动网页设计与开发 HTML5+CSS3+JavaScript》—— 2.3 语义标记的重要性
- 《移动网页设计与开发 HTML5+CSS3+JavaScript》—— 2.6 微数据
- 《HTML5+CSS3网页设计入门必读》——2.3 错误处理
- 《HTML5+CSS3网页设计入门必读》——1.3 理解Web内容递送
- 《HTML5+CSS3网页设计入门必读》——6.7 测验
- 《HTML5 开发实例大全》——1.27 自动隐藏或显示网页中的文字
- 《HTML5 开发实例大全》——1.31 在网页中显示联系信息
- HTML5实现网页的全屏切换