360浏览器兼容模式的页面显示问题

最新推荐文章于 2023-05-12 16:35:09 发布
最新推荐文章于 2023-05-12 16:35:09 发布
阅读量1.3k 收藏
点赞数
分类专栏： HTML 文章标签： html vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43599212/article/details/106520463
版权

开发过程中 突然发现一个问题：页面在360极速模式显示正常，但切换到兼容模式就是一片空白

解决：打开360浏览器后默认让其先选中极速模式

代码：

<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge">

在这里插入图片描述

烟雨任平生╰
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
360兼容模式页面错位_如何处理网站兼容性
weixin_35891787的博客
01-04 841
点击上方蓝字给一个关注吧 点击上方关注我们!市场上浏览器种类很多，不同浏览器的内核也不尽相同，所以各个浏览器对网页的解析存在一定的差异。浏览器内核主要分为两种，一是渲染引擎，另一个是js引擎，内核更加倾向于说渲染引擎。常见的浏览器内核可以分四种：Trident、Gecko、Blink、WebkitIE浏览器：Trident内核，也称为IE内核;Chrome浏...
浏览器兼容问题
lwg112233的博客
09-14 175
1.1概念: 不同浏览器的内核不尽相同,各个浏览器对网页的解析存在一定的差异。 浏览器内核主要分为两种，一是渲染引擎 (css兼容)，另一个是js 引擎(js兼容) 浏览器 内核（渲染引擎） Chrome谷歌 之前Webkit，已改Blink内核 FireFox火狐 Gecko Safari苹果 Webkit IE Trident Opera欧朋 现已改用Google Chrome的Blink内核 一.css兼容 1..1.css兼容 ...
页面在360浏览器下显示不正常的兼容性问题
12-13
引言： 在Web应用的开发过程中，发现若干页面在360的浏览器上显示不正常，而在其他的浏览器上，皆为正常状态，问题出在哪里呢？ 问题的提出： Web页面在360的浏览器上，显示不正确。 但是在Firefox、chrome和IE8+以上的浏览器上，都是显示正常的。 问题的分析 1. 检查了一些Javascript框架，标准的jquery类库1.x系列，确认其工作正常，问题不是在于Javascript方面。 2. 排查掉HTML标签内容的显示 问题。 3. 怀疑是CSS在不同浏览器下的兼容性问题，见过排查，没有发现问题。 4. 排查360浏览器，发现其在当前页面的显示中，默认使用了I
【前端】360浏览器兼容模式下站点显示不正常，极速模式正常
姜太小白的博客
05-12 3134
360浏览器兼容模式下站点显示不正常，极速模式正常
vue项目中，360浏览器兼容模式下部分页面显示不出来
BMG-Princess
11-06 3183
1、问题 在项目中引用了百度地图，但是在360浏览器的兼容模式下无法显示 兼容模式可能就是为了兼容IE7之前的网站代码 , 而非我们字面理解的’兼容’二字 2、解决 告诉浏览器最少使用IE11的内核去解析，打开会自动切换至极速模式 在页面head加 <meta http-equiv="X-UA-Compatible" content="IE=11"> ...
解决360浏览器兼容性问题的极速模式、兼容模式、IE11模式对同一页面的不同兼容性问题
soulandswear的博客
09-09 2万+
刚开始写页面的时候，会出现很多问题，当然兼容性问题是最不容忽视的。然而就在刚刚我写代码的时候，在谷歌运行的很好的代码，突然转到360的三种模式的时候，就出现了各种问题。然而我也各种找解决办法，终于还是成功的解决了。   在谷歌上打开的页面： 看着是挺正常的，正常的背景图片，正常的页面，但一用360浏览器，就不一样了。 你有可能想问这是什么，没错这就是360显示的页面把两部分给我分开显
360安全浏览器兼容模式怎么设置_浏览器显示不完整，如何处理？360浏览器网页显示不正常怎么办...
weixin_39904116的博客
11-03 8108
360浏览器，安全、快速，但是有时使用360浏览器打开网页出现显示不完整、不正常，怎么办？1. 360浏览器默认的浏览模式是极速模式，这种模式可能会使网页显示不正常，可以将其改为兼容模式，点击如图所示的标志2. 点击将其改成兼容模式即可，看看这样是否有效，假如没有效果的话接着试试下面的方法3. 点击360浏览器页面右下角的如图所示浏览器修复工具，将其打开4. 点击选择一键修复即可，一般这样修复工...
360极速浏览器以及360安全浏览器在兼容模式下验证码图片显示不来，但是极速模式可以显示？
学习前端这门手艺，栈底到栈顶依次是：浏览器架构、Web 网络、事件循环机制、JavaScript 核心、V8 的内存管理、浏览器的渲染流程、Web 安全、CSS、React、Vue、Node、构建工具链等
10-27 2071
于是我猜想是不是360极速浏览器以及360安全浏览器在兼容模式下需要base64的图片才行，于是我将上面改成base64的尝试一下。最近遇到一个验证码出不来的问题，在360极速浏览器以及360安全浏览器在兼容模式下。这个验证码的代码元素如下，是一张图片，由接口提供的一个图片链接，返回的是文件流。我找了一个其他网址，发现在360极速浏览器以及360安全浏览器在兼容模式下。这个验证码的代码元素如下，是一张 base64 的图片。有了上面的猜想方案，下面来实践一下。改完之后，就可以了。
解决360双核浏览器兼容模式的页面显示问题
09-24
当前360浏览器占据的浏览器市场20%以上的份额，我们做网站的肯定要考虑一下兼容性，有时候chrome与ie正常，但到了360浏览器就不行了，可能360双核的ie核心比较偏低版本的原因
浅谈解决360兼容模式浏览器的方法
10-21
本文探讨了解决360浏览器兼容模式的方法，这对于开发者优化网页兼容性，提升用户体验有着重要的意义。我们主要介绍以下几种方法：使用HTML5的renderer元标签指定双核浏览器渲染模式、设置X-UA-Compatible指令以最高...
网页360浏览器极速模式能打开，兼容模式打不开
u012613276的博客
07-26 1万+
网页360浏览器极速模式能打开，兼容模式打不开 重置一下IE浏览器，internet选项里高级把使用SSL3.0,TLS1.0,TLS1.2,TLS1.3全部开启，兼容模式能打开了，后续页能登录。
浏览器兼容模式打不开网页，极速模式可以的解决方法
热门推荐
王小聪的博客
04-24 2万+
360浏览器兼容模式打不开网页解决办法 原因IE浏览器坏了 而ie是微软的内核，不能卸载和重装 http://www.xdowns.com/article/239/Article_3416.html
vue 项目、vue-admin-ement项目 在IE、360兼容模式下为空白界面（最新解决方法、亲测有效）
mrliucx的博客
04-22 2666
问题 由于对element ui模板的一些配置文件进行删除，配置的js只留下vue.config.js剩余的都进行清除， 导致在IE以及360兼容模式下界面为空白 思路 控制台报的是SCRIPT1003: 缺少 ':' app.js (4519,1) ，这种错误主要看报错这行的开头与末尾，可以看到问题主要出现在哪个文件，如下图，大概可以看出入口配置文件（entry）无法转码导致界面无法正常访问，那么提到转码能联想到的就是babel-polyfill，另外一个需要在对入口配置转码命令。 解决 首先安装
360浏览器 兼容模式下页面显示异常（出现不改出现的HTML标签）
明天的你会感谢今天的自己
10-25 4573
在360浏览器的兼容模式下，显示了在非兼容模式中没有出现的HTML标签，如下图 我到对应的页面去找，发现是标签的代码规范问题，这两个input本来是隐藏的，但是由于不规范书写（hidden处），在万恶的IE浏览器中就不能正确的显示了，错误代码如下： &lt;input name="id" id="id" hidden value="${contract.id}"&gt; &lt;inp...
让360等双核浏览器默认使用极速模式
dianpinxiao7850的博客
02-06 2371
声明HTML5 <!DOCTYPE HTML> 使用官方配置 <meta name="renderer" content="webkit"> 浏览器内核控制Meta标签说明文档 背景介绍 由于众所周知的情况，国内的主流浏览器都是双核浏览器：基于Webkit内核用于常用网站的高速浏览。基于IE的内核用于兼容网银、旧版网站。以360...
浏览器兼容性导致网址显示不完整
weixin_34216196的博客
11-02 323
浏览器兼容性导致网址显示不完整   今天打开公司的网站（使用域名）发现显示不完整，但是在内网（使用内网IP）打开是没有问题的。   刚开始以为是服务器的问题，可是检查过服务器后，发现服务器是没有问题的。于是，去同事的机器上看了看是不是也是这种情况，发现没有这种出现打不开的。   仔细想了想怀疑问题可能出现在浏览器上，因为我本机是win7的系统使用的IE9，服务器使用的是IE8，而我同...
解决vue项目在ie、360兼容模式下空白页面问题
ls1850147551的博客
04-22 2361
完美解决vue项目在ie、360兼容模式下空白页面，并提示语法错误的原因艰难路程解决办法 艰难路程 事实上，很多人在做项目的过程中很多存在同一个问题，于是去百度了，但是用同样的解决方法不一定就能解决问题。本人菜鸟一枚，以至于看了很多博文，一个一个去试过，结果很多都是因为项目的差异性导致了不成功。 此博文用于记录解决问题，用于参考。 解决办法 总所周知，ie和360兼容模式是神坑，相信做过开发的都知道，这俩玩意不合群，常常是别的浏览器能正常，它俩就对你爱理不理，下面提供一些棍棒教育的方法： 需要下载对应的支
解决vue项目在ie和360兼容模式下显示空白页问题
m0_59360516的博客
08-03 2942
记一次bug解决，项目不复杂，是一个基于vue-cli3搭建的pc端项目，之前开发都是在谷歌浏览器上运行的，但在开发进入到后半段，经理说，项目需要在360兼容模式下展示，这时候发现项目在360兼容模式下显示空白页，并且没有任何报错，第一次遇到这种问题，于是就去网上搜索找答案。...
360浏览器兼容模式打不开
最新发布
05-31
如果360浏览器在兼容模式下无法打开网页，可能有以下几个原因： 1. 兼容性视图被禁用：在360浏览器的菜单栏中，选择“工具”->“兼容性视图设置”，确保“在兼容性视图中显示网站”复选框被选中。 2. 网页不兼容：有些网页只支持特定的浏览器，如果该网页不支持360浏览器，那么在兼容模式下打开也会失败。 3. 缓存问题：有时候浏览器缓存可能会导致网页无法正确加载，您可以尝试清除缓存或重新加载页面。 4. 360浏览器版本问题：如果您使用的是较旧版本的360浏览器，可能会存在兼容性问题，建议升级到最新版本。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值