有关360浏览器对JS的不兼容解决办法

最新推荐文章于 2024-04-24 09:22:16 发布
最新推荐文章于 2024-04-24 09:22:16 发布
阅读量1.8k 收藏
点赞数
文章标签： javascript ViewUI
原文链接：https://my.oschina.net/JiangTun/blog/266834
版权

昨天修改了FFB的验证脚本，IE、safari、firefox、chorme、QQ浏览器全数通过，唯独使用360浏览器测试时发生了问题。进一步测试，发现只有在360浏览器的极速模式下才会发生不兼容的状况。

通过查阅360浏览器的官网得知，该浏览器采用两个内核，分别是IE9和基于Webkit的chromium内核。但是分别在IE9和chrome下测试却一切正常，得知结论：只有360浏览器或其他国内浏览器有不兼容的状况。

最后通过阅读360浏览器官方文档http://se.360.cn/v6/help/meta.html，得知通过添加一个<meta>来来选择用户的浏览器内核，排除不兼容现象，代码如下：

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">

各渲染内核的技术细节

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


转载于:https://my.oschina.net/JiangTun/blog/266834

chuanao8829
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript 判断 Chrome 内核的 360 浏览器（关闭页面并提示）
LisenYang的专栏
04-21 4706
JavaScript 判断 Chrome 内核的 360 浏览器（关闭页面并提示）
用js解决jquery在360兼容模式下不起作用的事例
热门推荐
会飞的小祥
12-13 1万+
无标题文档  function showdiv(thisdiv){   var varvalues="banner_son";   for(var i=1;i     document.getElementById(varvalues+i).style.display='none'   }   document.getElementById(varvalues+thisdiv
页面在360浏览器下显示不正常的兼容性问题
12-13
引言： 在Web应用的开发过程中，发现若干页面在360的浏览器上显示不正常，而在其他的浏览器上，皆为正常状态，问题出在哪里呢？ 问题的提出： Web页面在360的浏览器上，显示不正确。 但是在Firefox、chrome和IE8+以上的浏览器上，都是显示正常的。 问题的分析 1. 检查了一些Javascript框架，标准的jquery类库1.x系列，确认其工作正常，问题不是在于Javascript方面。 2. 排查掉HTML标签内容的显示 问题。 3. 怀疑是CSS在不同浏览器下的兼容性问题，见过排查，没有发现问题。 4. 排查360浏览器，发现其在当前页面的显示中，默认使用了I
360浏览器兼容模式下js失效的问题
lyz_yyds的博客
04-04 581
原因是创建了console对象，IE仅在开启developer tools的时候，脚本才能访问到console这个对象 (console在代码调试时很有帮助，但是在生产环境中，应该移除掉，在开发过程中把不必要的注释或者调试对象移除掉。
让360浏览器默认使用极速模式打开网页
糖果云专栏
09-27 2597
1，网页头部head中加入 &lt;meta name=”renderer” content=”webkit”&gt; 360浏览器就会在读取到这个标签后，立即切换对应的极速内核。 若页面需默认用ie兼容内核，增加标签： &lt;meta name="renderer" content="ie-comp"&gt; 若页面需默认用ie标准内核，增加标签： &lt;meta name...
jQuery解决浏览器兼容性问题案例分析
10-22
主要介绍了jQuery解决浏览器兼容性问题的方法,结合实例形式分析了针对不同浏览器的click事件响应兼容性问题,需要的朋友可以参考下
用Meta标签代码让360双核浏览器默认极速模式不是兼容模式
12-12
一个网站，大量采用了html5和css3，希望用户都以webkit内核打开页面，但是测试却发现360的以ie内核打开为推荐模式，不知原因为何。其实360给网站开发者设计了一种选择的方法，只要加入一段Meta标签代码就可以解决 以下信息摘自360官方网站： 浏览模式 极速模式、兼容模式及IE9高速模式是360浏览器显示网页时使用的三种模式： 表示极速模式 表示兼容模式 表示IE9/IE10模式（仅在安装了IE9或IE10后可用） 360极速浏览器会自动为您选择使用适合每个网站的浏览模式。所以，通常您不用了解几种内核的区别。 几种模式各有什么特点 极速模式下，网站打开速度快，但某些网站在极速模式下
js判断浏览器 是不是360兼容模式_Modern模式引发qiankun的一场“命案”
weixin_28947723的博客
12-23 555
❝前沿：文章的起源在于开发环境中使用qiankun框架，父应用加载子应用遇到一则报错 Failed to load module script: The server responded with a non-JavaScript MIME type of "text/html". Strict MIME type checking is enforced for module scri...
如何让通过360浏览强访问的时候强制兼容或者极速模式
chenlucong9382的博客
04-22 149
360浏览器通过技术研发新增加了一个控制手段：内核控制Meta标签。只要网站开发者在自己的网站里增加一个Meta标签，告诉360浏览器这个网址应该用哪种内核渲染，那么360浏览器就会在读取到这个标签后，立即切换对应的内核。并将这个行为应用于这个二级域名下所有网址。 “内核自主...
IE9.0或者360下js(JavaScript、jQuery)不能正确执行(加载)，按F12后执行正常;Firefox下ajax的success返回数据data(json、string)无法获取...
weixin_34138139的博客
08-10 257
兼容问题1： 页面的分享等插件加载不全，并无法点击。 兼容问题2： IE下页面选择器(#id、.class.etc.)绑定click事件无法访问到，后台springmvc方法，也无法获取ajax的success方法返回值data。 兼容问题3： 在IE和Google下能够获取，ajax的success返回的数据data，但firefox下获取不到。 兼...
用js判断是否为360浏览器的实现代码
11-30
以下代码在360安全浏览器5 和 6 版本中 可用 [removed] var check360browser={ //如果是360 浏览器的话 "ok":function (){ //这里是判断360成功之后的代码 alert('js -> 360'); }, "try360SE":function (callback) { var ret = false, img = new Image(); img.src = 'res://360se.exe/2/2025'; img.onload = function() { ret = true; } setTimeout(function() {
Angularjs在360兼容模式下取数据缓存问题的解决办法
12-09
测试提了一个bug，在360浏览器兼容模式下，删除页面数据需要手动刷新浏览器才能看到最新的数据。首先要复现当时的问题，很容易就复现了，但是发现在360浏览器兼容模式下无法打开开发者工具。好在经过反复重装之后，终于打开了开发者工具，经过跟踪发现，第一次删除数据时可以正常刷新，第二次或以后的删除将无法刷新，跟踪代码，发现通过异步请求的数据正常的返回并且绑定了。点击搜索按钮，也无法实现刷新，但是点击分页，发现可以翻页。初步推断是浏览器缓存了异步请求数据，跟踪比较返回的数据发现，推断是正确的。于是从网上搜到一段代码，设置为无缓存请求，代码如下： app.config(function ($httpP
IE下Map JS提示未定义解决方法
David
11-02 5733
//重写MAP function Map() { this.elements = new Array(); // 获取Map元素个数 this.size = function() { return this.elements.length; }, // 判断Map是否为空 th...
vue项目在IE浏览器和360兼容模式下页面不显示问题，亲测有效
黄孝果的博客
07-08 1638
解决方法：安装 "babel-polyfill" 1、命令：cnpm install --save-dev babel-polyfill 2、在入口main.js文件引入：import 'babel-polyfill'，放页面顶部最好。 3、在build文件夹下找到webpack.base.conf.js中app: ["./src/main.js"]改为app: ["babel-polyfill", "./src/main.js"] 即： module.exports = { entry: { a
增强360浏览器的兼容性，打开ie兼容模式，代码
u010289111的专栏
11-11 531
当时用font-face属性时在36浏览器中出现了字体发虚的情况，针对这种情况，参考http://se.360.cn/v6/help/meta.html 我们使用了 来使360浏览器打开目标网页时默认的使用ie兼容模式而不是默认的高速渲染模式。解决了使用字蛛产生自定义生成字体包的引入带来的字体发虚的问题。
meta 标签代码解决IE兼容问题,IE6,IE7,IE8,IE9,IE10（包括360的兼容模式）
weixin_30480075的博客
11-24 577
最近做了一个项目，客户反映，在360下布局错位，远程调试了一下，发现客户使用的是360的兼容模式，然而我在自己的电脑上测试的时候是正常的（兼容模式也正常）；简单研究了一下360的兼容模式，在360的兼容模式下按F12得到下图的调试信息； 经过测试，发现是红框处的设置的ie版本太低导致的，主要是文档模式更改文档模式为相对较高的版本即可解决， 这里，我添加了如下代码 <meta...
IE、360浏览器兼容解决
caresong的博客
09-15 545
360浏览器内核渲染     IE兼容MVC框架自带样式
sgSpeedMode.js判断360浏览器是“兼容模式”，提示使用“极速模式”
我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。
04-26 7427
将以上代码编辑成speedMode.js文件放入对应"static/js"目录下。为了达到目的，当用户使用的是浏览器“兼容模式”就会出现以下提示。然后在index.html文件的header里面加入如下代码。
vue2---修饰符
最新发布
weixin_45503872的博客
04-24 620
此时有一个问题，如果我们设置了系统修饰符，并不希望有其他的按键组合，比如我们设置ctrl修饰符，此时如果按住ctrl和其他键，然后再点击鼠标，此时也会触发事件监听，所以我需要使用其他的修饰符来设置精确匹配事件。此时People的data返回的是一个对象，不是一个地址，每一个实例拿到的都是个独立，个体的对象，互相不会数据冲突，这个就是vue组件data为什么是函数的原因。data是一个函数，返回的是一个对象，目的是为了让每个组件数据隔离，这个是JavaScript的原理，并不是vue去设计的。
360浏览器兼容模式不兼容vue3
06-08
如果您在使用 360 浏览器的兼容模式时遇到了 Vue 3.x 不兼容的问题，建议您尝试以下解决方法： 1. 切换到极速模式：由于兼容模式是为了支持旧版浏览器而设计的，因此它可能无法完全支持 Vue 3.x 中使用的一些新特性。因此，将浏览器切换到极速模式可能会解决兼容性问题。 2. 确认浏览器版本：确保您正在使用的是最新版本的 360 浏览器，并且升级到最新版本的浏览器可能会解决一些问题。 3. 检查代码：如果您的代码中存在语法错误或逻辑错误，可能会导致 Vue 3.x 在某些浏览器中无法正常工作。可以使用 Chrome 开发者工具或其他调试工具来检查代码中的错误。 4. 使用 polyfill：如果您的代码中使用了一些新特性，可以尝试使用 polyfill 库来填充这些特性。例如，core-js 和 regenerator-runtime 是常用的 polyfill 库。 如果您仍然遇到问题，建议您查看 Vue 3.x 的官方文档和社区支持，或者在相关论坛或社交媒体上寻求帮助。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值