`

识别浏览器呈现引擎

 
阅读更多

 

好久没有写很深入的文章了。

这天看到别人写的文章,突发灵感,准备写写关于浏览器呈现引擎的文章

写的好,大家要顶起哦

 

识别浏览器呈现引擎

什么是呈现引擎,网上可以查到专业词汇,我这里就不说明了。

现在主流的呈现引擎有五大种:IE,Gecko,Webkit,KHTML和Opera

不同的呈现引擎,对同一段html会有不同的效果,怎么识别他们就成了跨平台的

必须解决的问题。

识别以上的引擎主要方法,都是通过解析用户代理字符串来实现鉴别和判断的

 

先拿最麻烦的Opera来说。

要识别Opera,就必须的检测window.opera对象。Opera 5及更高的版本中都有这样的对象,

以保持与浏览器相关的标识信息以及与浏览器直接交互。在Opera 7.6及更高版本中,调用

version()方法可以返回一个表示浏览器版本的字符串,而这样也是获得Opera版本好的最佳方式

说以我们可以这样操作

 

 

if(window.opera){
	engin.ver = window.opera.version();
	engin.opera = parseFloat(engin.ver);
}

 

 

 

好了。搞定Opera

下面说说Webkit,对于怎么判断他最简单的方法就是判断独一无二的AppleWebkit,具体的

 

 

var ua = navigator.userAgent;

if(/AppleWebkit\/(\+S)/.test(ua)){
	engin.ver = RegExp["$1"];
	engin.webkit = parseFloat(engin.ver);
}

 对于KHTML来说,和webkit差不多,但在早期的时候KHTML是用KHTML来判断的,以后是用Konqueror

 

进行处理的

 

var ua = navigator.userAgent;
if(/KHTML\/(\S+)/.test(ua) || /Konqueror\/([^;]+)/.test(ua){
	engin.ver = RegExp["$1"];
	engin.khtml = parseFloat(engin.ver);
}

 同理下去:

Gecko也是如此

var ua = navigator.userAgent;
if(/rv:\/([^\]+) /Gecko\/\d{8}/.test(ua)){
	engin.ver = RegExp["$1"];
	engin.gecko = parseFloat(engin.ver);
}
 下面处理IE
  对于IE来说,IE的版本号位于字符串MSIE的后面,一个分好的前面因此相应的正则表达式
  就非常的简单了
  如下:

 

var ua = navigator.userAgent;
if(/MSIE ([^;]+)/.test(ua)){
	engin.ver = RegExp["$1"];
	engin.gecko = parseFloat(engin.ver);
}
 

 

写的不好,大家不好说哦

哈哈

1
1
分享到:
评论

相关推荐

    基于javascript代码检测访问网页的浏览器呈现引擎、平台、Windows操作系统、移动设备和游戏系统

    1. JavaScript代码可以用来检测用户访问网页时使用的浏览器信息,包括浏览器的呈现引擎、版本、平台信息以及所使用的操作系统等。 2. 呈现引擎是浏览器用来解析HTML和XML文档的部分,常见的呈现引擎有Gecko(Fire...

    JavaScript学习笔记之检测客户端类型是(引擎、浏览器、平台、操作系统、移动设备)

    2. 识别浏览器的呈现引擎:不同的浏览器采用不同的渲染引擎来解析HTML和CSS。常见的渲染引擎有IE的Trident、Firefox的Gecko、Chrome和Safari的WebKit。通过JavaScript可以检测这些渲染引擎,以初步判断用户使用的...

    java制作的浏览器

    开发者需要确保浏览器能够识别和处理恶意代码,比如通过沙箱机制隔离JavaScript执行环境,防止跨站脚本攻击(XSS)和跨站请求伪造(CSRF)。 7. 性能优化:Java本身可能存在性能上的挑战,尤其是在处理复杂的Web...

    常见浏览器内核及其特点

    综上所述,不同的浏览器内核在网页呈现和脚本执行方面具有各自的特点和优势。对于网页测试人员而言,理解这些内核之间的差异至关重要,因为这将直接影响到测试策略和网页的兼容性。在进行网页测试时,覆盖多种内核的...

    android 浏览器

    同时,使用现代浏览器检测技术,如Modernizr,可以帮助识别设备的浏览器能力,适配不同环境。 5. 性能优化 Android浏览器性能优化主要包括减少HTTP请求、压缩资源、缓存策略、减少DOM节点数量、优化JavaScript代码...

    前端必读:浏览器工作原理

    **渲染引擎**是浏览器的核心组件之一,负责解析和渲染网页内容。主要功能包括解析HTML文档、构建DOM树、应用CSS样式、构建渲染树、执行布局计算以及最终绘制页面。 - **HTML解析与DOM树构建**:当用户通过浏览器...

    腾讯X5内核浏览器类库.zip

    X5内核是腾讯公司开发的一款高性能的浏览器渲染引擎,其前身是QQ浏览器的内核,旨在优化网页加载速度、性能表现以及功耗管理。与原生的Android Webview相比,X5内核具有以下优势: 1. **性能优化**:X5内核通过高效...

    浏览器架构.pptx

    - **渲染引擎**:负责解析HTML、CSS和执行JavaScript,将网页内容呈现出来。 - **网络**:用于处理网络请求,加载网页资源。 - **用户界面后端**:提供基本的窗口小部件绘制功能,底层使用操作系统提供的用户界面...

    功能全面的mfc Web浏览器

    6. **HTML渲染**:为了显示网页内容,浏览器可能需要内嵌一个Web引擎,如IE的MSHTML组件或Chrome的Blink引擎,或者自定义解析和渲染机制。这涉及到HTML、CSS和JavaScript的解析和执行。 7. **安全与隐私**:现代...

    网页识别码 的一些参考论文

    10. **跨平台一致性**:在不同设备和浏览器上,网页的呈现可能有所不同。研究如何确保识别码在这些差异下的稳定性和一致性也是重要课题。 以上是网页识别码相关研究的一些关键点,具体论文可能会对这些方面进行深入...

    IE8浏览器,重装IE8浏览器

    此外,它还引入了“IE8标准模式”,以改善网页的呈现效果,减少因浏览器差异导致的网页显示问题。 2. **加速器功能**:IE8引入了“加速器”这一概念,这是一种快速执行常见网络任务的方式,比如地图查看、翻译和...

    网络人浏览器.rar

    IE内核,全称为Internet Explorer渲染引擎,是微软开发的一种网页浏览器核心技术,它负责解释HTML、CSS以及JavaScript等网页语言,呈现网页内容。虽然IE浏览器本身在后期逐渐被其他如Chrome、Firefox等现代浏览器所...

    嵌入式浏览器的设计与实现

    2. **HTML解析与渲染**:浏览器需要能够正确解析HTML文档并将其呈现给用户。这涉及到DOM树构建、CSS样式应用等多个环节。通常采用WebKit或其他成熟的渲染引擎作为底层支持。 3. **网络请求管理**:包括HTTP/HTTPS...

    一个完整的WebKit嵌入式浏览器内核源代码

    WebKit是一个开源的Web浏览器引擎,被广泛用于许多操作系统和设备上的浏览器开发,包括Apple的Safari和Google的Chrome。在嵌入式系统中,WebKit因其轻量级、高性能的特性而受到青睐,允许开发者构建自定义的浏览器...

    js_browser.rar_移动设备

    这个过程涉及到识别浏览器、呈现引擎、设备类型(如移动设备或游戏系统)以及它们的相关信息,以便于进行适配和优化。在"js_browser.js"这个文件中,我们可以找到具体的实现方法和逻辑,这对于构建跨平台、跨设备的...

    java实验的web浏览器源代码支持mime.rar_Java Web Browser_WEB浏览器_web browser i

    对于一个Web浏览器来说,识别并正确处理MIME类型是至关重要的,因为它决定了如何呈现和交互不同类型的网络资源。 从标签中,我们可以提炼出以下几个关键知识点: 1. **Java Web Browser**:Java作为一种跨平台的...

    browser格式的浏览器文件

    这种格式的文件通常包含了一系列的规则和指令,帮助Web应用或网站在不同的浏览器环境中正确地运行和呈现。在给定的压缩包中,有两个文件:ie.browser和firefox.browser,分别针对Internet Explorer和Firefox浏览器。...

    Myie.rar_MyIE_VC 浏览器

    4. JavaScript引擎:浏览器需要有一个JavaScript引擎来执行网页中的脚本,实现动态交互和计算。 5. 用户界面:提供用户友好的交互界面,如地址栏、前进后退按钮、书签等功能。 对于VC++初学者,理解并实现这些核心...

Global site tag (gtag.js) - Google Analytics