项目中碰到这样一个需求点,在h5页面区分当前所处客户端环境是QQ客户端.微信客户端还是QQ浏览器客户端,并做不同的逻辑处理 首先可以通过 window.navigator.userAgent 获取到当前页面浏览器内核信息 经过一系列踩坑之后总结发现三者的内核信息区别 // 微信 : MicroMessenger MQQBrowser NetType // QQ : MQQBrowser(注:ios中无此信息,替换为QBWebView) NetType // QQ浏览器: MQQBrowser 由…
目录 前情提要 第一步:下载老版本SDK得到jar 获取SDK 集成SDK 步骤二.下载提取最新TBS X5内核 方法1:从微信中提取 方法2:App内内访问tbs调试页安装新内核 步骤三.集成内核到App中 解压内核得到so so改名 集成内核 激活X5内核 其他的一些配置,参考官网就OK 权限 包名替换 WebView网页权限 首次初始化冷启动优化 混淆.文件.视频 结束语 由于X5内核打包后有30多M,x5官网文档也着重提醒:"由于内核体积较大,官网SDK默认为静默下载方案,首次使用需要在…
var browser ={ versions: function() { var u = navigator.userAgent, var ua = navigator.userAgent.toLocaleLowerCase(); app = navigator.appVersion; return { trident: u.indexOf('Trident') > -1,                        /*IE内核*/ presto: u.indexOf('Presto')…
纯js,直接分享,直接使用: var browser={ versions:function(){ var u = navigator.userAgent, app = navigator.appVersion; return {//移动终端浏览器版本信息 trident: u.indexOf('Trident') > -1, //IE内核 presto: u.indexOf('Presto') > -1, //opera内核 webKit: u.indexOf('AppleWebKit')…
截至自2017-08-11,支持现世已出的几乎所有PC端浏览器版本判断. 受支持的PC端浏览器列表: Edge IE Chrome Firefox Opera Safari QQ浏览器 360系列浏览器 使用IE内核的非主流浏览器 使用Chrome内核的非主流浏览器 使用混合内核的非主流浏览器 获取浏览器版本方法: function getBroswer(){ var sys = {}; var ua = navigator.userAgent.toLowerCase(); var s; (s…
浏览器是我们每天几乎都必须使用的软件产品,可是对于自己每天都接触的浏览器,很多同学其实对其一无所知.今天异次元就跟大家说说关于浏览器内核的一些事儿吧,好让你了解多一点稍微内在的东西. 在下面的文章中主要介绍一些常见的浏览器内核和JavaScript引擎,部分内容来自于我在网上找到的资料,还有一些是我自己的理解,不保证完全正确,但是大致应该是没错的.如果有误,请指正…… [本文原作者为武汉小狮子,xxy171070为推荐者,特此声明] 一.浏览器内核 (排版引擎/渲染引擎) 首先解释一下浏览器内核…
1.浏览器内核指的是什么? 简化的浏览器=用户界面+渲染引擎+js解析引擎+数据存储+网络部件 而通常所说的浏览器内核指的是页面渲染引擎(rendering engine). 2.渲染引擎 The rendering engine 渲染引擎的职责就是渲染,即在浏览器窗口中显示所请求的内容. 默认情况下,渲染引擎可以显示html.xml文档及图片,它也可以借助插件(一种浏览器扩展)显示其他类型数据,例如使用PDF阅读器插件,可以显示PDF格式. 各大厂商依据W3C标准有各自的代码实现,开发了很多种…
市面上作为嵌入的组件的可用的浏览器内核,不外乎这几个:webkit.cef.nwjs.electron. 1.cef:优点是由于集成的chromium内核,所以对H5支持的很全,同时因为使用的人也多,各种教程.示例,资源很多.但缺点很明显,太大了.最新的cef已经夸张到了100多M,还要带一堆的文件.同时新的cef已经不支持xp了(chromium对应版本是M49).而且由于是多进程架构,对资源的消耗也很夸张.如果只是想做个小软件,一坨文件需要带上.超大的安装包,显然不能忍受. 2.nwjs,或…
前言: h5分享到微信,h5使用微信支付这些功能,都需要先判断是否安装微信客户端,如果已安装就启动微信,如果没有安装微信,就提示用户前去安装. 我们可以通过访问微信提供的URL协议(weixin://)来实现这个功能,代码如下: 示例代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content=&quo…
h5分享到微信,h5使用微信支付这些功能,都需要先判断是否安装微信客户端,如果已安装就启动微信,如果没有安装微信,就提示用户前去安装. 我们可以通过访问微信提供的URL协议(weixin://)来实现这个功能,代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=de…