《HTML与CSS入门经典(第8版)》——1.5 用多种Web浏览器测试

1.5 用多种Web浏览器测试

刚刚讨论了Web内容交付的过程和Web服务器的获得,回到使用多种Web浏览器测试你的网站看上去有点奇怪。但是,在你离开并且学习所有关于使用HTML和CSS创建网站的知识之前,要记住这个非常重要的事实:你的网站的每个访问者可能使用和你不同的硬件和软件配置。他们的设备类型(台式机、笔记本、智能电话、iPhone)、屏幕分辨率、浏览器类型、浏览器窗口大小、连接速度——记住,你不能控制访问者查看你的网站时的任何方面。

尽管所有Web浏览器以总体相同的方式处理信息,但是它们之间有些特殊的差异导致在不同的浏览器中显示的结果不总是相同。即使使用相同的浏览器的相同版本也可能由于选择不同的显示选项和/或改变视窗大小而改变页面的外观。所有主要的浏览器都允许用户用自己的选择覆盖网页创作者指定的背景和字体。屏幕分辨率、窗口大小和可选的工具栏也可能改变页面第一次出现在屏幕上时所显示的部分。你只能确保你编写了兼容标准的HTML和CSS。

在任何情况下,都不要花费时间去设计在自己的计算机上看上去“完美”的东西——除非你愿意在朋友的计算机上、街上的咖啡店里的计算机上或者你的iPhone上查看时感到失望。

你应该始终用尽可能多的Web浏览器来测试网站,如下所示。

  • Apple Safari for Mac and Windows
  • Google Chrome for Windows
  • Mozilla Firefox for Mac, Windows and Linux
  • Microsoft Internet Explorer for Windows
  • Opera for Mac,Windows and Linux/UNIX
时间: 2017-05-02

《HTML与CSS入门经典(第8版)》——1.5 用多种Web浏览器测试的相关文章

《HTML与CSS入门经典(第8版)》——导读

https://yqfile.alicdn.com/4a4f68706cb7015c22ed2f3d9713314ffc525d37.png" > 前 言2009年,全世界估计有15亿人访问互联网,在美国就有2.2亿.加上3.38亿的中国用户,5500万德国用户,4800万英国用户,3800万俄罗斯用户,以及6700万巴西用户,你可以看到World Wide Web中"World"一词的含义.许多互联网用户还为Web创建了内容--你可能是其中之一!虽然精确地度量网页的数

《HTML与CSS入门经典(第8版)》——2.3 理解Web服务器上放置文件的位置

2.3 理解Web服务器上放置文件的位置 维护Web内容的一个重要方面是确定组织内容的方法--不仅是为了用户寻找,也为了你在服务器上的维护.将文件放到指定目录中将帮助你管理这些文件. 在你的Web服务器上命名和管理目录,并且开发文件维护规则,这完全取决于你.但是,维护一个精心组织的服务器使你在长期中更加有效地管理它的内容. 2.3.1 基本文件管理在你浏览Web时,你可能已经注意到URL随着你在网站之间浏览而变化.例如,如果你查看一个公司的网站并且单击图形化导航进入公司的产品或者服务,URL可能

《HTML与CSS入门经典(第8版)》——1.6 总结

1.6 总结 本章为你介绍了使用HTML标记文本文件以生成Web内容的概念.你还学到了Web内容有比"页面"更多的含义--Web内容还包含图像.音频和视频文件.所有这些内容存在于一个Web服务器上--一台通常远离你的计算机的远程机器.在你的计算机或者其他设备上,你使用Web浏览器请求.读取,并且最终在你的屏幕上显示Web内容. 你学习到在确定Web托管提供商是否适合你的需求时所应该考虑的标准.你还学习了在你的作品放置到Web服务器上时用多种浏览器测试的重要性.编写正确的.与标准兼容的H

《HTML与CSS入门经典(第8版)》——第1章 理解Web的工作方式1.1 HTML和万维网简史

第1章 理解Web的工作方式 本章中你将学到: 万维网(WWW)的简史 "网页(Web Page)"的含义,以及该术语不能反映所涉及的所有内容的原因 如何从你的个人计算机进入别人的浏览器 选择Web托管提供商的方法 不同的Web浏览器和设备类型对网面内容的影响在学习复杂的HTML和CSS之前,先对这些技术有坚实的理解是很重要的,这些技术可以将这些普通文本文件转化为通过计算机或者手持设备浏览网页时看到的丰富的多媒体显示. 如果不使用Web浏览器查看,包含HTML和CSS的文件则看不出效果

《HTML5移动应用开发入门经典》—— 2.6 HTML5给移动Web开发带来的好处

2.6 HTML5给移动Web开发带来的好处 HTML5移动应用开发入门经典HTML5并非适用于每一款移动设备及每一款移动Web浏览器.如前所述,许多旧式设备.非智能手机及平板电脑都无法很好地支持HTML5.但我们有充分的理由来为那些支持HTML5的移动设备开发应用程序. 2.6.1 HTML5包含了性能优良的API HTML5拥有与视频.音频.Web应用程序.编辑页面内容.拖曳以及展示浏览器历史等功能相关的API.它们在移动设备上表现良好,因为移动设备浏览器不需要为这些功能特别使用插件或附加组

《21天学通HTML+CSS+JavaScript Web开发(第7版)》——1.2 Web浏览器

1.2 Web浏览器 前面说过,Web浏览器是一款应用程序,您使用它来浏览网页以及在万维网中导航.Web浏览器有很多,适用于您想象得到的任何平台的都有.例如,Windows自带Microsoft Internet Explorer,OS X自带Safari,而Mozilla Firefox.Google Chrome和Opera都可免费下载.另外,通过移动设备和平板电脑使用浏览器的人越来越多.iPhone和iPad自带了Mobile Safari,Android移动平台也自带浏览器.还有其他移动

《HTML与CSS入门经典(第8版)》——2.5 测试Web内容

2.5 测试Web内容 当你传送文件到Web服务器或者将它们放置到可移动媒体用于本地浏览,你应该立即完全测试所有页面.下面的检查列表将帮助确保你的Web内容的表现符合你的预期.注意,某些术语现在对你来说有点不熟悉,但是随着你进一步学习并且创建更大的项目,可以再回到这一列表. 在传送文件之前,在你的计算机上测试以确保链接有效,内容反映你的视觉设计.在传送页面到Web服务器或者可移动设备之后,再次测试. 在可能的情况下用尽量多的浏览器进行这些测试--Chrome.Firefox.Internet E

《HTML与CSS入门经典(第8版)》——1.2 创建Web内容

1.2 创建Web内容 你可能已经注意到"Web内容"(而不是"网页")这个术语的使用--这么说内涵更丰富.尽管我们说"访问一个网页",但真实的意思是"在我们的计算机上查看所有某个地址上的文本和图像".我们阅读的文本,看到的图像由Web浏览器根据在单独的文件上找到的一些指令显示. 这些文件包含由HTML代码标示或者包围的文本,告诉浏览器如何显示文本--作为标题.作为段落.红色的字体等.一些HTML标示告诉浏览器显示一个图像或者

《HTML与CSS入门经典(第8版)》——1.3 理解Web内容交付

1.3 理解Web内容交付 在许多不同的地方发生了多个过程,最终产生了你看到的Web内容.这些过程发生得很快--在几毫秒之内--而且是在幕后发生的.换句话说,当我们认为所作的一切是打开一个Web浏览器,输入Web地址,并且立即看到请求的内容时,幕后的技术正在为我们辛勤地工作.图1.1展示了浏览器和服务器之间的基本交互. 但是,这个过程中有许多步骤,在你看到整个请求网站的内容之前,可能在浏览器和服务器中有多次往返. 假定你想要进行一次Google搜索,所以你认真地在地址栏输入 http://www