这次给大家带来360浏览器兼容模式的页面显示不全怎么处理,处理360浏览器兼容模式页面显示不全的注意事项有哪些,下面就是实战案例,一起来看一下。

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

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

目前该功能已经在所有的360安全浏览器实现。我们也建议其它浏览器厂商一起支持这个实现。让这个控制标签成为行业标准。

代码示例

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

content的取值为webkit,ie-comp,ie-stand之一,区分大小写,分别代表用webkit内核,IE兼容内核,IE标准内核。

若页面需默认用极速核,增加标签:

若页面需默认用ie兼容内核,增加标签:

若页面需默认用ie标准内核,增加标签:

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

各渲染内核的技术细节

内核 Webkit IE兼容 IE标准

文档模式 Chrome 21 IE6/7 IE9/IE10/IE11(取决于用户的IE)

HTML5支持 YES NO YES

ActiveX控件支持 NO YES YES

备注

这个功能其实和IE9的X-UA-Compatible很类似

今天当我尝试一段js代码的时候,猜测可能360兼容模式下,ie版本不是最高版本,代码比较正,例如下面的代码,360浏览器下一定要把代码写到body标签里面。里面浏览器就不行

var getId=function(id){

return "string"==typeof(id)?document.getElementById(id):id;

}

alert("ok");

getId("dxy").innerHTML="脚本之家";

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

推荐阅读:

php怎么兼容360浏览器,360浏览器兼容模式的页面显示不全怎么处理相关推荐

  1. 解决360浏览器兼容模式的页面显示问题

    解决360浏览器兼容模式的页面显示问题 参考文章: (1)解决360浏览器兼容模式的页面显示问题 (2)https://www.cnblogs.com/njy888888/p/7827200.html ...

  2. html手机端背景显示不全,手机浏览器打开PC端网站,背景显示不全怎么办?

    原标题:手机浏览器打开PC端网站,背景显示不全怎么办? 随着移动互联网的发展,大多数企业在制作网站的时候,为了兼容各种设备,会制作出PC端.移动端二种版,根据不同的设备跳转到不同的网站,从而实现用户体 ...

  3. safari浏览器input框placeholder和内容都显示不全

    safari浏览器input框placeholder和内容都显示不全 一.效果图 二.主要原因 一.效果图 二.主要原因 主要是因为font-size的原因,加一个样式就好了 line-height: ...

  4. 火狐FireFox和IE浏览器的title属性文本过长显示不全问题

    火狐FireFox和IE浏览器的title属性文本过长显示不全问题 场景 当显示文本的内容过长,可以截断文本,省略号显示,然后给标签设置title属性,鼠标移入的时候显示完整内容.但在火狐和IE浏览器 ...

  5. 360浏览器 兼容模式下页面显示异常(出现不改出现的HTML标签)

    在360浏览器的兼容模式下,显示了在非兼容模式中没有出现的HTML标签,如下图 我到对应的页面去找,发现是标签的代码规范问题,这两个input本来是隐藏的,但是由于不规范书写(hidden处),在万恶 ...

  6. 360兼容模式页面错位_解决360浏览器兼容模式的页面显示问题

    由于众所周知的情况,国内的主流浏览器都是双核浏览器:基于Webkit内核用于常用网站的高速浏览.基于IE的内核用于兼容网银.旧版网站.以360的几款浏览器为例,我们优先通过Webkit内核渲染主流的网 ...

  7. 360兼容模式页面错位_解决360双核浏览器兼容模式的页面显示问题

    由于众所周知的情况,国内的主流浏览器都是双核浏览器:基于Webkit内核用于常用网站的高速浏览.基于IE的内核用于兼容网银.旧版网站.以360的几款浏览器为例,我们优先通过Webkit内核渲染主流的网 ...

  8. 【浏览器】360浏览器默认用极速模式打开页面

    1.手动切换 切换到兼容模式的时候,右击鼠标可以切换兼容模式下的ie 内核版本: (可选列表一般跟本地安装的IE版本有关系) 2.开发者可以在head中使用meta标签 通过在页面标签中添加代码,来指 ...

  9. 低版本360浏览器下,PDF.js部分文字显示不全的问题

    在低版本360极速模式下,使用 pdf.js 看pdf文件时,除了数字和符合,其它文字都不显示. 在其它浏览器显示是正常的. 此时,可以进行如下操作 打开360浏览器的设置 找到实验室 找到系统选项 ...

最新文章

  1. 工作之余如何提高个人技术水平
  2. 企业联合体的形式_鼓掌!费县新增6家市级农业产业化联合体
  3. caffe-cuda测试
  4. pandas布尔索引
  5. 当前记录集不支持更新_微信现已正式支持修改微信号!微信7.0.16内测版更新(附下载)...
  6. 编码utf-8的不可映射字符_不要在 MySQL 中使用“utf8”,请使用“utf8mb4”
  7. BOM算最尾阶的损耗率 成品直接到料件
  8. lucene api
  9. XCode8 App上传AppStore更新
  10. 苹果发布新应用Find My Friends,轻松追踪朋友和家人的所在位置
  11. 数据库原理及应用教程(第4版|微课版)陈志泊-第一章习题
  12. ssm毕设项目住宅小区停车管理系统494ak(java+VUE+Mybatis+Maven+Mysql+sprnig)
  13. 数据采集:如何自动化采集数据?
  14. Fall 2020 Berkeley cs61a hw02答案
  15. android画图 旋转 地球*月球,unity3d怎么实现地球太阳月球转动-unity3d实现地球太阳月球转动的方法 - 河东软件园...
  16. 计算机考研作息时间表,2016考研人:牛人的考研作息时间表
  17. android中的ems的真正含义
  18. 电子元件-温湿度元件与传感器
  19. Encoded password does not look like BCrypt 异常处理
  20. 烤仔的朋友们丨Totle 是什么?

热门文章

  1. JAVA计算机毕业设计斗车交易系统Mybatis+系统+数据库+调试部署
  2. WINS服务器和DNS服务器有什么区别?
  3. 冷链保温箱在冷链中扮演了什么角色?
  4. SSH入门项目-6-Shiro安全框架
  5. 四阶幻方c语言编程,C语言实例 求四阶的素数幻方
  6. 看完这个视频,你的“信任问题”能得到解决
  7. fetchall oracle,python操作数据库获取结果之fetchone和fetchall的区别说明
  8. 武夷学院计算机网络系统,武夷学院计算机网络王超帅实验报告双绞线的制作与测试.doc...
  9. td的align属性不生效
  10. MinGW与MSVC