zl程序教程

您现在的位置是:首页 >  前端

当前栏目

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

2023-09-11 14:17:37 时间
前面说过,Web浏览器是一款应用程序,您使用它来浏览网页以及在万维网中导航。Web浏览器有很多,适用于您想象得到的任何平台的都有。例如,Windows自带Microsoft Internet Explorer,OS X自带Safari,而Mozilla Firefox、Google Chrome和Opera都可免费下载。

本节书摘来自异步社区《21天学通HTML+CSS+JavaScript Web开发(第7版)》一书中的第1章,第1.2节,作者:【美】Laura Lemay(劳拉·莱梅) , Rafe Colburn(雷夫·科尔本) , Jennifer Kyrnin(珍妮弗·凯瑞恩)著,更多章节内容可以访问云栖社区“异步社区”公众号查看

1.2 Web浏览器

前面说过,Web浏览器是一款应用程序,您使用它来浏览网页以及在万维网中导航。Web浏览器有很多,适用于您想象得到的任何平台的都有。例如,Windows自带Microsoft Internet Explorer,OS X自带Safari,而Mozilla Firefox、Google Chrome和Opera都可免费下载。另外,通过移动设备和平板电脑使用浏览器的人越来越多。iPhone和iPad自带了Mobile Safari,Android移动平台也自带浏览器。还有其他移动平台(如BlackBerry和Windows Phone)以及用于Android和iPhone的第三方浏览器。就在几年前,Internet Explorer还在Windows浏览器中占据统治地位,OS X的市场份额不到5%,而移动浏览器的功能很有限,根本就不能显示常规网页。那个时候,很多开发人员都选择支持Internet Explorer,而根本不考虑其他浏览器。现在,这样的做法再也不可行了。

注意
仅当您确定只有使用特定浏览器(如Internet Explorer)的用户访问您的网站时,选择针对该浏览器进行开发才是合适的。在实现内联网的组织中,这种开发方式很常见。在这种情况下,完全可以认为组织的所有用户都将使用提供给他们的浏览器,因此设置内联网上的网页时,可以使用该浏览器特有的功能。
1.2.1 Web浏览器的作用
Web浏览器的核心目标是连接到Web服务器并请求文档,再妥善地设置这些文档的格式并显示它们。Web浏览器还可显示本地计算机中的文件、下载并非用于显示的文件,甚至让用户能够发送和接收电子邮件。然而,浏览器最擅长的还是获取并显示Web文档。所有网页都是使用超文本标记语言(HTML)编写的,这种语言指定网页包含的文本、描述网页的结构、指定到其他文档和图像等多媒体的链接。对于从Web服务器获取的信息,浏览器设置其格式以便显示。即便是同一个文件,不同浏览器设置其格式和显示它的方式也可能不同,这取决于系统的功能以及浏览器的配置。

1.2.2 概述一些流行的Web浏览器
您很可能只使用一两款浏览器,例如,在计算机上使用一款浏览器,在移动设备上使用另一款浏览器。然而,访问您的网站的浏览器可能五花八门,要成功地发布到Web,一定要考虑这一点。本节描述一些最流行的Web浏览器,但市面上的浏览器绝非只有这些,如果您使用的浏览器未在这里提及,不要认为您必须转而使用这里提及的浏览器。使用什么浏览器都可以,只要适合您就好。

Google Chrome
Google Chrome是当前最流行的Web浏览器,凭借出色的性能和稳定性以及更新频繁,还有适用于台式机和移动设备,其市场份额的增长速度令人难以置信。它和Apple Safari使用的是同一个HTML引擎——开源引擎WebKit。在本书的一些屏幕截图中,使用的就是Google Chrome,从第2章开始,我将讨论它的独特之处。

Microsoft Internet Explorer
Microsoft Windows自带了浏览器Microsoft Internet Explorer,这是第二流行的Web浏览器。由于新版本发布频率没有Google Chrome和Mozilla Firefox那么高,其市场份额逐渐被其他浏览器抢占。然而,很多人还在使用Internet Explorer,它与Chrome、Firefox和Safari等其他浏览器有很大的不同。根据网站CanIUse.com的说法,Internet Explorer 10支持49%的HTML5功能,而Internet Explorer 11支持58%的HTML5功能。

注意
如果您很看重Web设计,应在系统中安装所有流行的浏览器,并使用它们来查看发布的网页。这样,您就可确定一切是否运行正常。即便某款浏览器您平时不太用,但访问您网站的用户会经常使用。如果您要检查跨平台兼容性问题,请从Microsoft Internet Explorer和Mozilla Firefox开始,再将Google Chrome也囊括进来。
图1.5显示了在Windows 10中运行的Microsoft Edge——Internet Explorer的继承者。

对于Internet Explorer,需要指出的一个要点是,其不同的版本差别很大。Internet Explorer 10是2012年发布的,但很多用户都还在使用Internet Explorer 9、Internet Explorer 8甚至Internet Explorer 7。不同版本的Internet Explorer差别很大,因此为确保网站能够正常运行,必须使用每个版本进行测试。Web发布者不再支持Internet Explorer 6,大多数发布者不再支持Internet Explorer 7,因此Microsoft建议所有用户都升级到更新的版本。2015年,Microsoft发布了新款浏览器Microsoft Edge,这是Windows 10默认使用的浏览器。
screenshot
Mozilla Firefox
Mozilla Firefox是一款免费的开源Web浏览器。截止到2015年7月,它在浏览器市场大约占据了15%的份额。Netscape Navigator是第一款流行的商业Web浏览器,其1.0版发布于1994年。1998年,Netscape Communications公开了其Web浏览器的源代码,并让一些员工专门负责对其进行改进。经过7年的多次改版,这款浏览器最终变成了Mozilla Firefox。自从被美国在线收购后,Netscape Communications便不再与独立的非盈利组织Mozilla Foundation有任何瓜葛了。

在很大程度上说,Firefox得以流行是因为它不存在困扰Internet Explorer的安全问题。另外,大量的Firefox扩展改善了这款浏览器的使用体验,在遵循不断发展的Web安全方面,Firefox做得非常出色。
Apple Safari
Safari是OS X默认使用的浏览器,这款浏览器还有一个移动版本,被用于Apple iPhone 和iPad。它基于开源技术,对Web标准的支持可与Firefox媲美。当前,Safari占据大约9%的浏览器市场份额。

移动浏览器
如果不说说移动浏览器,对浏览器的讨论就不完整。三大移动浏览器巨头分别是Chrome、Safari和Android;截止到2015年7月,Chrome占据了31%的移动浏览器市场份额,而Safari和Android分别为24%和15%。

Google Chrome在2014年之前进入移动市场,在2015年初是最流行的移动浏览器。它使用与桌面版相同的引擎,其性能和稳定性符合用户对Chrome的期望。Safari是Apple在iPhone和iPad等iOS设备中提供的浏览器,对HTML5的支持极强,除屏幕尺寸较小外,其使用体验与桌面浏览器几乎没什么不同。同样,Android提供的浏览器也提供了极佳的Web体验。和桌面版Safari和Chrome一样,这三款浏览器也都基于渲染引擎WebKit。有关创建对移动设备友好的网站时需要考虑的因素,将在第21章讨论。

其他浏览器
截止到2015年7月,Google Chrome在桌面和移动Web浏览器市场都占据了大部分市场份额,而其他浏览器占据的份额都较小——不超过13%。例如,Opera占据的市场份额很小,只有5%;这是一款小巧、快速、免费的浏览器,可用于包括Windows、Mac OS X和Linux在内的很多平台,并遵循了相关的标准。对使用KDE的UNIX用户来说,有浏览器Konqueror;有各种从Mozilla发展而来的浏览器,如用于Mac OS X的Camino;有提供全文本网页视图的命令行浏览器,如Lynx和Links;还有众多让有特殊要求的用户能够访问Web的浏览器。要支持这些五花八门的浏览器,编写代码时必须遵循通用标准。


HTML + CSS + JS 利用邮编查询 API 实现邮编查询工具 邮政编码是地址信息的重要组成部分,可以帮助快递公司、物流公司等对地址进行快速、准确的识别和派送。因此,邮编查询工具应用在许多业务场景中都有广泛的应用,例如:电商平台、物流公司、金融机构等。通过使用邮编查询 API,我们可以快速实现一个邮编查询工具应用,方便用户查询地址对应的邮政编码,提高业务流程的效率。
掌握JavaScript HTML DOM:动态改变CSS样式的实用技巧 随着Web前端技术的不断发展,JavaScript作为一种强大的脚本语言,在前端开发中扮演着重要角色。其中,HTML DOM (文档对象模型)作为JavaScript与HTML之间的桥梁,允许开发者通过JavaScript来改变HTML页面的内容、结构和样式,从而实现丰富的用户交互和动态效果
原生JS + HTML + CSS 实现快递物流信息 API 的数据链式展示 全国快递物流查询 API 是一种提供实时、准确、可靠的快递物流信息查询服务的接口。它基于现有的物流信息系统,通过API接口的方式,向用户提供快递物流信息的查询、跟踪、统计等功能。
HTML中的JavaScript文档模式 HTML中的JavaScript文档模式是指浏览器在解析HTML文档时采用的模式,它可以影响文档的呈现方式和JavaScript的行为。本文将介绍文档模式的分类和作用,以及如何设置文档模式。
HTML中的JavaScript中script元素废弃的语法 HTML中的script元素是嵌入JavaScript代码的标准方式,但是随着浏览器技术的发展,一些旧的script语法已经被废弃了。本文将详细介绍这些废弃的语法以及应该使用哪些替代方案。
异步社区 异步社区(www.epubit.com)是人民邮电出版社旗下IT专业图书旗舰社区,也是国内领先的IT专业图书社区,致力于优质学习内容的出版和分享,实现了纸书电子书的同步上架,于2015年8月上线运营。公众号【异步图书】,每日赠送异步新书。