第18章 浏览器检测1

preview
试读
11页
需积分: 0 0 下载量 82 浏览量 更新于2022-08-03 收藏 376KB PDF 举报
浏览器检测是Web开发中的一个重要环节，它涉及到对用户所使用的浏览器类型、版本及特定功能的支持情况的识别。在本章中，我们将重点关注两个主要的知识点：`navigator`对象和客户端检测。 1. `navigator`对象 `navigator`对象是JavaScript中的一个全局对象，它提供了关于用户浏览器的信息。这个对象包含了各种属性，可以用来识别浏览器的身份和特性。以下是一些关键的`navigator`对象属性： - `appCodeName`: 返回浏览器的名称，通常是"Mozilla"，即使在非Mozilla浏览器中也是如此。 - `appName`: 返回浏览器的完整名称，如"Microsoft Internet Explorer"或"Firefox"。 - `appVersion`: 提供浏览器的版本信息，但并不总是与实际版本完全对应。 - `cookieEnabled`: 一个布尔值，表示浏览器是否允许使用cookie。 - `javaEnabled()`: 返回一个布尔值，指示当前浏览器是否启用了Java。 - `language`/`userLanguage`: 表示浏览器或操作系统的默认语言。 - `mimeTypes`: 是一个数组，包含了浏览器已注册的MIME类型。 - `plugins`: 描述了浏览器中安装的插件信息。 - `userAgent`: 是一个字符串，包含了浏览器发送给服务器的用户代理头，包含浏览器类型、版本和操作系统信息。 - `platform`: 提供了浏览器所在的操作系统或硬件平台信息。 这些属性可以帮助开发者了解用户环境，以便进行兼容性调整或特定功能的实现。 2. 客户端检测 客户端检测主要是通过分析`navigator`对象的属性和执行特定的测试来确定浏览器的类型、版本和特定能力。浏览器嗅探器（通常是一段JavaScript代码）是实现这一目的的一种工具。例如，`browserdetect.js`这样的库可以帮助开发者轻松地检测浏览器的名称、版本和操作系统。这种检测可以用来识别浏览器的“怪癖”，即特定浏览器特有的行为或错误，从而针对性地编写代码来避免或修复问题。 例如，可以通过检查`navigator.userAgent`来识别浏览器类型，然后根据`navigator.appVersion`来获取版本号。此外，还可以通过创建和尝试使用某些特定功能（如CSS3动画、HTML5 API等）来检测浏览器的能力。这种方法称为“能力检测”或“怪癖检测”。 能力检测优于传统的浏览器嗅探，因为它关注于浏览器实际支持的功能，而不是依赖于浏览器的标识。这样可以确保即使在未知或未来的新浏览器中，网页也能正确运行。 理解并应用`navigator`对象和客户端检测技术，开发者可以创建更健壮、更适应不同浏览器的Web应用程序，提高用户体验并减少兼容性问题。通过持续监控和适应新的浏览器特性，开发者能够保持网站的先进性和跨平台一致性。
第 18
18
18
18 章 浏览器检测
学习要点：
1. navigator 对象
2. 客户端检测
主讲教师：李炎恢
合作 网站： http://
http://
http://
http:// www.ibeifeng.com
www.ibeifeng.com
www.ibeifeng.com
www.ibeifeng.com
讲师博客： http://hi.baidu.com/
http://hi.baidu.com/
http://hi.baidu.com/
http://hi.baidu.com/ 李炎恢
由于每个浏览器都具有自己独到的扩展 ， 所以在开发阶段来判断浏览器是一个非常重要
的步骤 。 虽然浏览器开发商在公共接口方面投入了很多精力 ， 努力的去支持最常用的公共功
能 ； 但在现实中 ， 浏览器之间的差异 ， 以及不同浏览器的 “ 怪癖 ” 却是非常多的 ， 因此客户
端检测除了是一种补救措施，更是一种行之有效的开发策略。
一． navigator
navigator
navigator
navigator 对象
navigator 对象最早由 Netscape Navigator2.0 引入的 navigator 对象 ， 现在已经成为识别客
户端浏览器的事实标准 。 与之前的 BOM 对象一样 ， 每个浏览器中 的 navigator 对象也都有
一套自己的属性。
navigator 对象的属性或方法
属性或方法 说明 IE Firefox
Safari/
Chrome
Oper
a
appCodeName
浏览器的名称。通常 是
Mozilla ， 即使在非 Mozilla 浏
览器中也是如此
3.0+ 1.0+ 1.0+ 7.0+
appName 完整的浏览器名称 3.0+ 1.0+ 1.0+ 7.0+
appMinorVersion 次版本信息 4.0+ - - 9.5+
appVersion
浏览器的版本。一般不与实际
的浏览器版本对应
3.0+ 1.0+ 1.0+ 7.0+
buildID 浏览器编译版本 - 2.0+ - -
cookieEnabled 表示 cookie 是否启用 4.0+ 1.0+ 1.0+ 7.0+
cpuClass
客户端计算机中使用的 CPU 类
型 (x86 、 68K 、 Alpha 、 PPC 、
other)
4.0+ - - -
javaEnabled()
表示当前浏览器中是否启用 了
Java
4.0+ 1.0+ 1.0+ 7.0+
language 浏览器的主语言 - 1.0+ 1.0+ 7.0+
mimeTypes
在浏览器中注册 的 MIM E 类型数
组
4.0+ 1.0+ 1.0+ 7.0+
onLine
表示浏览器是否连接到了因特
网
4.0+ 1.0+ - 9.5+
opsProfile 似乎早就不用了。无法查询 4.0+ - - -
oscpu
客户端计算机的操作系统或使
用的 CPU
- 1.0+ - -
platform 浏览器所在的系统平台 4.0+ 1.0+ 1.0+ 7.0+
plugins
浏览器中安装的插件信息的数
组
4.0+ 1.0+ 1.0+ 7.0+
preference() 设置用户的首选项 - 1.5+ - -
product 产品名称（如 Gecko ） - 1.0+ 1.0+ -
productSub
关于产品的次要信息 （ 如 Geck o
的版本）
- 1.0+ 1.0+ -
registerContent
Handler()
针对特定 的 MIM E 类型讲一个站
点注册为处理程序
- 2.0+ - -
registerProtoco
lHandler()
针对特定的协议将一个站点注
册为处理程序
- 2.0 - -
securityPolicy 已经废弃。安全策略的名称 - 1.0+ - -
systemLanguage 操作系统的语言 4.0+ - - -
taintEnabled()
已经废弃。表示是否运行变量
被修改
4.0+ 1.0+ - 7.0+
userAgent 浏览器的用户代理字符串 3.0+ 1.0+ 1.0+ 7.0+
userLanguage 操作系统的默认语言 4.0+ - - 7.0+
userProfile 借以访问用户个人信息的对象 4.0+ - - -
vendor 浏览器的品牌 - 1.0+ 1.0+ -
verdorSub 有关供应商的次要信息 - 1.0+ 1.0+ -
1. 浏览器及版本号
不同的浏览器支持的功能 、 属性和方法各有不同 。 比如 IE 和 Firefox 显示的页面可能就
会有所略微不同。
alert(' 浏览器名称： ' + navigator.appName);
alert(' 浏览器版本： ' + navigator.appVersion);
alert(' 浏览器用户代理字符串： ' + navigator.userAgent);
alert(' 浏览器所在的系统： ' + navigator.platform);
2. 浏览器嗅探器
浏览器嗅探器是一段程序，有了它，浏览器检测就变得简单了。我们这里提供了一 个
browserdetect.js 文件，用于判断浏览器的名称、版本号及操作系统。
调用方式 说明
BrowserDetect.browser 浏览器的名称，例如 Firefox ， IE
BrowserDetect.version 浏览器的版本，比如， 7 、 11
BrowserDetect.OS 浏览器所宿主的操作系统，比如 Windows 、 Linux

剩余10页未读，继续阅读

资源推荐
资源评论
蒋寻
  • 粉丝: 30
  • 资源: 319
上传资源 快速赚钱
voice
center-task 前往需求广场，查看用户热搜

最新资源