用Meta标签代码让360双核浏览器默认极速模式打开网站不是兼容模式

最新推荐文章于 2021-06-02 22:13:29 发布
最新推荐文章于 2021-06-02 22:13:29 发布
阅读量8.1k 收藏 3
点赞数 1
分类专栏： # 浏览器 文章标签： 浏览器 360 360安全浏览器 360浏览器 内核

浏览模式

极速模式、兼容模式及IE9高速模式是360浏览器显示网页时使用的三种模式：

极速模式表示极速模式

兼容模式表示兼容模式

IE9IE10模式表示IE9/IE10模式（仅在安装了IE9或IE10后可用）

360极速浏览器会自动为您选择使用适合每个网站的浏览模式。所以，通常您不用了解几种内核的区别。

几种模式各有什么特点

极速模式下，网站打开速度快，但某些网站在极速模式下可能出现兼容性问题，显示不正常。
兼容模式下，网站打开速度比极速模式略低，但网页兼容性问题较少。
IE9/IE10模式下，网站会使用IE9/IE10的渲染方式渲染，支持硬件加速及IE9/IE10全新的脚本渲染引擎。

切换浏览模式时，360极速浏览器将会自动同步双核间的数据，让您在双核间能无缝切换。

用户体验计划

在您加入用户体验计划的情况下，我们会将切换的网址发送到360网站，以便我们完善兼容列表库，改进产品。

上传的数据不包含具有您个体特征的信息，且不会泄漏给第三方个人或机构。

若不希望上传切换的网址，您只需在“高级选项”里去掉勾选
“ 将使用情况统计信息和崩溃报告自动发送给360极速浏览器网站，帮助我们完善360极速浏览器”即可。

背景介绍

由于众所周知的情况，国内的主流浏览器都是双核浏览器：基于Webkit内核用于常用网站的高速浏览。基于IE的内核用于兼容网银、旧版网站。以360的几款浏览器为例，我们优先通过Webkit内核渲染主流的网站，只有小量的网站通过IE内核渲染，以保证页面兼容。在过去很长一段时间里，我们主要的控制手段是一个几百k大小网址库，一个通过长期人工运营收集的网址库。

尽管我们努力通过用户反馈、代码标签智能判断技术提高浏览器的自动切核准确率。但是在很多情况下，我们仍然无法达到百份百正确。因此，我们新增加了一个控制手段：内核控制Meta标签。只要你在自己的网站里增加一个Meta标签，告诉360浏览器这个网址应该用哪个内核渲染，哪么360浏览器就会在读取到这个标签后，立即切换对应的内核。并将这个行为应用于这个二级域名下所有网址。
目前该功能已经在所有的360安全浏览器实现。我们也建议其它浏览器厂商一起支持这个实现。让这个控制标签成为行业标准。

代码示例

在head标签中添加一行代码：

<html>

<head>

<meta name="renderer" content="webkit|ie-comp|ie-stand">

</head>

<body>

</body>

</html>

content的取值为webkit,ie-comp,ie-stand之一，区分大小写，分别代表用webkit内核，IE兼容内核，IE标准内核。
若页面需默认用极速核，增加标签：<meta name="renderer" content="webkit">
若页面需默认用ie兼容内核，增加标签：<meta name="renderer" content="ie-comp">
若页面需默认用ie标准内核，增加标签：<meta name="renderer" content="ie-stand">

注意：引号要英文状态下的，直接复制代码后看一下格式对不对，请自行更正。

各渲染内核的技术细节

内核 Webkit IE兼容 IE标准
文档模式 Chrome 21 IE6/7 IE9/IE10/IE11(取决于用户的IE)
HTML5支持 YES NO YES
ActiveX控件支持 NO YES YES

各内核UA示例

备注

这个功能其实和IE9的X-UA-Compatible很类似，关于IE几个内核的实现介绍，请看：
http://blogs.msdn.com/b/ie/archive/2010/06/16/ie-s-compatibility-features-for-site-developers.aspx

了解极速模式和兼容模式使用的技术：

极速模式使用的是Webkit内核，Webkit内核是全球最快速的浏览器内核，同时支持了诸多的网页新标准，
但由于Webkit内核较新，国内一些网站尚未较好地支持此内核。

兼容模式使用的是IE浏览器所使用的 Trident 内核，是国内网页制作时主要兼容的浏览器内核，兼容性问题较少。

IE9/IE10模式使用的是IE9/IE10浏览器所使用的新内核，加入了硬件加速、全新的脚本渲染引擎，更标准的HMTL5及CSS3支持。

设置双核浏览器的浏览模式 meta name renderer content webkit|ie-comp|ie
jdtugfcg的博客
11-09 1714
设置双核浏览器的浏览模式 meta name renderer content webkit|ie-comp|ie
如何让浏览器用极速模式打开网站而不是兼容模式
Wangdr的博客
07-24 3792
作为网站开发者和站长，希望网站的访问用户都以极速模式打开网站，也是可以实现的，我们可以使用双核浏览器提供的meta标签去实现。 1.我们只需要在 标签后面添加一段代码即可，如下所示： <meta name="renderer" content="webkit"/> 2.需要注意的是，这个meta并非所有环境都通用，为了兼容所有双核浏览器及所有运行环境，建议使用这段代码。 默认使用极...
meta name=“renderer” content=“webkit|ie-comp|ie-stand
飞鸿的博客
06-16 6112
content的取值为webkit，ie-comp，ie-stand之一，区分大小写，分别代表用极速模式，兼容模式，IE模式打开。https://blog.youkuaiyun.com/tototuzuoquan/article/details/18400789
meta name="renderer" content="webkit|ie-comp|ie-stand"
冰零界点
11-24 3513
&lt;meta name="renderer" content="webkit|ie-comp|ie-stand"/&gt; 告诉浏览器该页面适合使用什么内核进行渲染； 1.webkit代表用webkit内核； 2.ie-comp代表用IE兼容内核； 3.ie-stand代表用IE标准内核； 4.区分大小写；...
<meta name=“renderer” content=“webkit|ie-comp|ie-stand”>
10-26 3644
<meta name="renderer" content="webkit|ie-comp|ie-stand"> 360安全浏览器6.5版本开始在<head>中添加一行代码 : <meta name="renderer" content="webkit|ie...
360安全浏览器时如何用代码默认极速模式
yun917457201的博客
07-26 1540
来到一家老的公司。代码写的超烂。一直各种调节浏览器展示！ 果然问题来了。。。。。。。 我在做一个统一认证平台，链接免密进入各个子系统。由于子系统界面不兼容各大浏览器。所以想调整360模式 在网上找了找。给出的答案统一的一致如下： 然后并没有卵用啊。 结论，通过网站代码无法更改360浏览器的渲染模式。 测试结果： 1、修改hosts文件将本机IP指向 360
用Meta标签代码让360双核浏览器默认极速模式不是兼容模式
12-12
其实360给网站开发者设计了一种选择的方法，只要加入一段Meta标签代码就可以解决 以下信息摘自360官方网站： 浏览模式 极速模式、兼容模式及IE9高速模式是360浏览器显示网页时使用的三种模式： 表示极速模式 表示...
通过meta代码强制浏览器使用WebKit内核极速模式（解决 meta name="renderer" content="webkit" 不起作用）
热门推荐
艾欢欢的博客
04-08 1万+
解决< meta name=“renderer” content=“webkit” >不起作用，从“步骤”开始看起。 一般只使用代码<meta name="renderer" content="webkit"> ，但是有些浏览器会不起作用，所以在使用的时候，要完全兼顾。如果知道为什么使用这个标签，请直接从“步骤”开始查看。 为什么这么做 国产浏览器大多是双内核，甚至是...
解决开发的网站用360浏览器打开默认内核问题
March的博客
03-01 3236
自己开发的网站，用360浏览器打开后默认为兼容模式，在该模式下，为IE6内核，H5内容无法显示。 在360社区搜索，发现processZ产品经理与2016-7-18发布的消息： 内核控制meta说明 背景介绍 由于众所周知的情况，国内的主流浏览器都是双核浏览器：基于Webkit内核用于常用网站的高速浏览。基于IE的内核用于兼容网银、旧版网站。以360的几款浏览器为例，我们优
360 自动 html 极速模式,用Meta标签代码让360双核浏览器默认极速模式打开网站不是兼容模式(顺带解决很多兼容性问题)...
weixin_28940939的博客
06-02 567
浏览模式极速模式、兼容模式及IE9高速模式是360浏览器显示网页时使用的三种模式：表示极速模式 表示兼容模式 表示IE9/IE10模式(仅在安装了IE9或IE10后可用) 360极速浏览器会自动为您选择使用适合每个网站的浏览模式。所以，通常您不用了解几种内核的区别。几种模式各有什么特点极速模式下，网站打开速度快，但某些网站在极速模式下可能出现兼容性问题，显示不正常。兼容模式下，网站打开速度比极速模...
浏览器内核控制meta name="renderer"说明文档
Jonathan的博客
07-31 4106
浏览器内核控制Meta标签说明文档 背景介绍 由于众所周知的情况，国内的主流浏览器都是双核浏览器： 1、基于Webkit内核用于常用网站的高速浏览。 2、基于IE的内核用于兼容网银、旧版网站。 以360的几款浏览器为例，我们优先通过Webkit内核渲染主流的网站，只有小量的网站通过IE内核渲染，以保证页面兼容。在过去很长一段时间里，我们主要的控制手段是一个几百k大小网址库，一个通过长期人...
360浏览器兼容模式代码
Menqq的博客
06-01 1183
在页面head加：<meta http-equiv="X-UA-Compatible" content="IE=11"> 告诉浏览器最少使用IE11的内核去解析 能解决IE7内核下的很多问题； 在head标签中添加一行代码： <html> <head> <meta name="renderer" content="ie-comp"> </head> <body> </body> </html> 可
HTML5中几种meta标签的含义及使用（含移动端）
kloumb的博客
08-11 1340
1、<meta name="renderer" content="webkit"> 这是指定双核浏览器，默认以何种方式渲染页面。 <meta name="renderer" content="webkit">//默认webkit内核 <meta name="renderer" content="ie-comp">//默认IE兼容模式 <meta na...
＜meta name=“renderer“ content=“webkit“＞的作用
qq_43026206的博客
01-19 4731
作用：以webkit内核渲染页面； 当前国内的大部分主流浏览器(如360)基本都是双核浏览器，所谓双核即：极速模式(基于Webkit内核常用于网站的高速浏览)；兼容模式(基于IE的内核用于兼容网银、旧版网站) 告诉浏览器默认以哪种浏览器内核浏览当前网站 webkit：webkit内核 ie-comp：IE兼容内核 ie-stand：IE标准内核 ...
360浏览器内核 meta name="renderer" 说明文档
编码行者的博客
04-23 2245
自定义切换内核功能说明 浏览器内核模式优先级 手动切换 > 浏览器兼容列表 > meta指定 1、强制锁定极速模式不对外开放（无法切换），比如淘宝、360导航（开发者想用极速模式，建议判断UA是IE，页面提示切换到极速模式） 2、手动切换优先级最高，手动切了兼容模式，以后打开一直是兼容，切了极速模式就一直是极速模式，只能手动切回去，（兼容列表、meta指定都无效） 3、如果您是开发者，...
IE11打开网站，F12仿真模式中文档模式默认为IE7(网站在谷歌浏览器正常访问，在其他浏览器布局出现混乱)
优秀的判断力来自经验，但经验来自于错误的判断
03-03 2933
问题： 1、系统在谷歌的极速浏览器模式下，访问正常；但是在IE浏览器访问，出现布局混乱的现象。 2、IE11打开网站，F12仿真模式中文档模式默认为IE7。 解决方法： 方法一：设置以最高级模式来渲染文档。在html页面添加如下代码： <meta http-equiv="X-UA-Compatible" content="IE=edge chrome=1"> 方法二：默认...
【杂记】（正则表达式、meta标签里的内容、浏览器版本过低提醒、首字母下沉、标签、文本大小写、文字阴影重叠、图片水平垂直居中、自适应网页中图片自动缩放、box-sizing、IE rgba()透明度）
Khun_HWJ的博客
07-30 359
文字阴影重叠：text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 边框自带阴影效果：border-color: #ccc;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25)；//用透明色 文本的大小写：text-transform: uppercase(只有大写字母) /...
版本为11的ie浏览器默认用ie7打开页面
weixin_42213903的博客
11-19 2702
使用IE打开页面时 打开控制台发现，用的是IE7 解决方法 页面中添加meta标签,以最高级模式渲染文档 来解决这个问题。 <meta http-equiv="X-UA-Compatible" content="IE=edge chrome=1"> 也可以添加 <meta name="renderer" content="webkit|ie-comp|ie-stand"&g...
浏览器模式与文本模式
{ focus : web }
11-03 387
IE 版本实在太多了，而且每个版本又变化很大，出到 IE9 连微软都开始担心开发者能否搞定，于是就有了这篇官方博文，详细介绍了自 IE8 起引入的兼容性解决方案： Testing sites with Browser Mode vs. Doc Mode 浏览器模式   不受程序员控制，用户可以自由选择合适的ie版本，影响了以下三个方面： ...
360极速浏览器兼容模式 js没有反应
最新发布
03-30
<think>好的，我现在需要解决用户提出的关于360极速浏览器兼容模式下JS不生效的问题。首先，我得回忆一下用户提供的引用内容，看看有没有相关的信息可以帮助解决这个问题。 根据引用[1]，360浏览器有极速模式和兼容模式，兼容模式使用的是IE内核，而项目可能没有兼容IE内核导致问题。这可能意味着在兼容模式下，JS代码因为IE内核不支持某些现代JavaScript语法或API而无法运行。 引用[2]提到不同浏览器的内核差异会导致解析代码的效果不同，所以需要检查代码中是否有使用IE不支持的语法，比如ES6+的特性，箭头函数、let/const、Promise等。此外，IE对一些新的API如fetch可能不支持，这也可能导致JS失效。 引用[3]中虽然主要讲的是Ant Design的样式问题，但提到了:where()选择器的兼容性问题，这里可能暗示需要处理CSS相关的JS问题，不过用户的问题是关于JS不生效，可能需要关注JS本身的兼容性问题。 引用[4]提到切换内核会导致localStorage和sessionStorage数据丢失，如果JS代码依赖这些存储机制，可能在兼容模式下因为数据丢失而导致功能异常。不过用户的问题更偏向JS不执行，而不是数据丢失。 引用[5]则讨论了兼容模式下接口请求取缓存的问题，虽然状态码是204，但用户的问题是关于JS不响应，可能需要考虑是否有请求被阻塞或未正确发送，导致JS后续逻辑无法执行。 接下来，我需要整理可能的解决方案。首先，确认浏览器内核模式是否正确，强制使用极速模式。可以通过meta标签或服务器设置HTTP头来指定渲染模式。例如： ```html <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> ``` 然后，检查JS语法和API的兼容性。使用Babel等工具转译ES6+代码到ES5，并引入polyfill来填补缺失的API，比如core-js和regenerator-runtime。例如： ```html <script src="https://cdn.polyfill.io/v3/polyfill.min.js"></script> ``` 另外，避免使用IE不支持的语法，如箭头函数、模板字符串等，或者在构建时进行转译。 还要检查是否有浏览器嗅探代码错误，导致在IE内核下逻辑被跳过。可以使用特性检测而非浏览器检测，例如： ```javascript if (typeof Promise === 'undefined') { // 加载polyfill或降级处理 } ``` 此外，在调试时，使用IE开发者工具模拟兼容模式，查看控制台报错，定位具体问题。可能的问题包括语法错误、未定义的变量或方法等。 最后，如果问题依然存在，可能需要提示用户切换到极速模式，或者后端检测浏览器类型并给出提示。 总结步骤：强制内核模式、语法转译、引入polyfill、特性检测、调试报错、降级提示。这样应该能解决大部分兼容模式下的JS问题。</think>针对360极速浏览器兼容模式下JS不生效的问题，以下是分步骤解决方案： ### 一、内核模式确认 1. **强制指定渲染内核** 在HTML头部添加以下meta标签强制使用极速模式： ```html <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> ``` 这能确保浏览器优先使用Chrome内核[^1][^3] ### 二、语法兼容处理 2. **ES6+语法转译** 安装Babel并配置.babelrc： ```json { "presets": [ ["@babel/preset-env", { "targets": { "ie": "11" } }] ] } ``` 将箭头函数`() => {}`转为普通函数，`let/const`转为`var`[^2] 3. **Polyfill注入** 在入口文件顶部添加： ```javascript import "core-js/stable"; import "regenerator-runtime/runtime"; ``` 或通过CDN引入： ```html <script src="https://cdn.polyfill.io/v3/polyfill.min.js"></script> ``` ### 三、API兼容适配 4. **替代不兼容API** ```javascript // 替换fetch为XHR if (!window.fetch) { window.fetch = function(url) { return new Promise((resolve) => { const xhr = new XMLHttpRequest(); xhr.open('GET', url); xhr.onload = () => resolve({ json: () => JSON.parse(xhr.response) }); xhr.send(); }); } } ``` ### 四、调试与错误处理 5. **开启IE调试模式** 按F12打开开发者工具： - 切换到`仿真`标签 - 文档模式选择`Edge(默认)` - 用户代理字符串选`IE11` 6. **错误捕获增强** ```javascript window.onerror = function(msg, url, line) { console.error(`JS Error: ${msg} at ${url}:${line}`); return true; // 阻止默认错误提示 } ``` ### 五、存储方案兼容 7. **替换localStorage** ```javascript const storage = window.localStorage ? { set: (k,v) => localStorage.setItem(k,v), get: (k) => localStorage.getItem(k) } : { set: (k,v) => document.cookie = `${k}=${v};path=/`, get: (k) => document.cookie.match(new RegExp(`${k}=([^;]+)`))?.[1] }; ``` ### 六、最终降级方案 8. **内核切换提示** ```javascript const isTrident = navigator.userAgent.indexOf('Trident') > -1; if (isTrident) { document.body.innerHTML = `<div style="padding:20px"> <h3>检测到您使用兼容模式</h3> <p>请点击地址栏右侧的<img src="speed-mode.png" style="height:1.2em">切换至极速模式</p> </div>`; } ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值