
1.2.2 浏览器的配置
浏览器的配置非常丰富,在开发HTML5应用时需要关注的主要有以下几个方面。
第一是显示相关设置。如通常浏览器支持按住Ctrl键的同时滚动鼠标滚轮调整浏览器页面的缩放比例;使用Ctrl键和加号键或减号键完成页面的放大和缩小;按Ctrl键和数字键0恢复页面的默认缩放比例。
第二是权限和隐私设置,包括对Cookie的管理权限的管理,如允许网页使用位置信息、摄像头、麦克风、运动或光传感器,发送通知,使用JavaScript等。开发涉及这些权限的功能时,需要允许页面访问相应资源。图1.6展示了Edge浏览器中的权限设置。
图1.7展示了Edge浏览器中与性能相关的设置,其中包括计算机的代理设置。Edge和Chrome浏览器没有内置的代理配置选项,只能使用系统代理配置。以隐私保护著称的Firefox浏览器有内置的代理配置选项。

图1.6 Edge浏览器中的权限相关设置

图1.7 Edge浏览器中与性能相关的设置
此外,Edge浏览器还有开发者使用的功能,如缓存、日志、调试等相关设置,这些将在介绍开发者工具时详细介绍。
下面介绍浏览器的一些隐藏页面,其中包含浏览器的“高级”设置,并可以通过它们获取一些浏览器内部信息。要查看这些隐藏页面的列表,可以直接在浏览器的地址栏中输入一个特殊地址并按Enter键。对于Edge浏览器来说,该地址是“edge://about”,对于Chrome浏览器来说,该地址是“chrome://about”,对于Firefox浏览器来说,该地址是“about:about”。图1.8为Edge浏览器about页面展示的部分隐藏页面列表。
接下来简要介绍一些比较常用的页面。edge://version页面展示浏览器的版本、操作系统类型和版本信息等内容。图1.9展示了运行在Windows 10上的112.0.1722.34版本的Edge浏览器的edge://version页面。

图1.8 Edge浏览器about页面的部分隐藏页面列表

图1.9 Edge浏览器的edge://version页面(部分)
edge://flags页面包含当前浏览器的实验性功能。Firefox浏览器中对应的页面是about:config。这个页面中的配置选项并不面向普通用户,但对开发者可能有所帮助。其中的部分功能可能是浏览器未来正式支持的功能。但对这些选项的错误配置可能导致浏览器出现问题。图1.10展示了Edge浏览器的edge://flags页面。

图1.10 Edge浏览器的edge://flags页面(部分)
浏览器是非常复杂的程序,不仅有HTML5文档渲染、JavaScript代码解释执行的功能,还有多种网络协议支持、多媒体播放、插件等功能,配置非常烦琐。对于普通用户,绝大多数配置都无须特别留意,但Web开发人员有必要了解开发所涉及的配置。