浏览器内核认知

395 阅读1分钟

什么是浏览器内核?做什么用的?

浏览器最重要或者说核心的部分是“Rendering Engine”,可大概译为“渲染引擎”,不过我们一般习惯将之称为“浏览器内核”。负责对网页语法的解释(如标准通用标记语言下的一个应用HTML、JavaScript)并渲染(显示)网页。

如何查看其内核?

Chrome在控制台输入 javascript:alert(navigator.userAgent);

image.png

unction validBrowser(){ 
var u_agent = navigator.userAgent; 
var browser_name='Failed to identify the browser'; 
if(u_agent.indexOf('Firefox')>-1){ 
browser_name='Firefox'; 
}else if(u_agent.indexOf('Chrome')>-1){ 
browser_name='Chrome'; 
}else if(u_agent.indexOf('Trident')>-1&&u_agent.indexOf('rv:11')>-1){ 
browser_name='IE11'; 
}else if(u_agent.indexOf('MSIE')>-1&&u_agent.indexOf('Trident')>-1){ 
browser_name='IE(8-10)'; 
}else if(u_agent.indexOf('MSIE')>-1){ 
browser_name='IE(6-7)'; 
}else if(u_agent.indexOf('Opera')>-1){ 
browser_name='Opera'; 
}else{ 
browser_name+=',info:'+u_agent; 
} 
document.write('browser_name:'+browser_name+'<br>'); 
document.write('u_agent:'+u_agent+'<br>'); 
} 

大致意思是:有Chrome字段就是Chrome浏览器,其他浏览器同理。

参考链接:www.cnblogs.com/feng18/p/65…

现在主流的浏览器内核是什么(分类有啥)?

  • Trident(IE内核):常见IE6-IE10。
  • Gecko(Firefox内核)
  • Presto(Opera前内核)
  • Webkit(safari内核)
  • Blink??Chrome内核?Blink只是Webkit的一个分支。

排版引擎??

内核也叫排版引擎

使用场景有哪些?

可以限制仅微信端能打开系统

    //navigator.userAgent.toLowerCase()的打印结果如下:
    //'navigator:---mozilla/5.0 (linux; android 11; le2120 build/rkq1.201105.002; wv) applewebkit/537.36 (khtml, like gecko) version/4.0 chrome/77.0.3865.120
    // mqqbrowser/6.2 tbs/045617 mobile safari/537.36 mmwebid/7847 micromessenger/8.0.6.1900(0x2800063d) process/tools wechat/arm64
    // weixin nettype/5g language/zh_cn abi/arm64'
    const ua = navigator.userAgent.toLowerCase()
    this.info = ua
    if (ua.match(/MicroMessenger/gi) === null) {
      // 不是微信端
      // this.$router.push('/toWechat')
    } else if (ua.match(/MicroMessenger/gi)[0] === 'micromessenger') {
      console.log('是微信端')
    }

参考链接:

blog.csdn.net/guoyf123321…