在IE或者360浏览器的兼容模式下页面错乱

最新推荐文章于 2024-12-12 07:15:03 发布
最新推荐文章于 2024-12-12 07:15:03 发布
阅读量3k 收藏
点赞数 1
分类专栏： 前端兼容
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_30871771/article/details/78199976
版权

在下的第一篇文章


   我当时遇到这样的问题很苦恼,没有任何头绪,然后就一直在看源码


  少了文档声明(   <!DOCTYPE html>   )


  所以才出现了这中奇怪的问题


下面我就尽可能简洁扼要的说一下DOCTYPE的作用和用法。

声明文档的解析类型(document.compatMode)，避免浏览器的怪异模式。

document.compatMode：
BackCompat：怪异模式，浏览器使用自己的怪异模式解析渲染页面。
CSS1Compat：标准模式，浏览器使用W3C的标准解析渲染页面。


    这个属性会被浏览器识别并使用，但是如果你的页面没有DOCTYPE的声明，那么compatMode默认就是BackCompat,

    这也就是恶魔的开始 -- 浏览器按照自己的方式解析渲染页面，那么，在不同的浏览器就会显示不同的样式。

    如果你的页面添加了<!DOCTYPE html>那么，那么就等同于开启了标准模式，那么浏览器就得老老实实的按照W3C的



   怎么使用<!DOCTYPE html>?

     1.使用也很简单，就是在你的html页面的第一行添加"<!DOCTYPE html>"一行代码就可以了

     2.如果是 jsp的话，添加在<%@ page %>的下一行。

      3.注意不用区分大小写哦




  

360浏览器网页乱码问题全解析与解决指南
mmoo_python的博客
03-05 885
通过以上的介绍，我们可以看到，解决360浏览器网页乱码问题并不复杂。大多数情况下，只需要通过调整浏览器的编码设置就能解决问题。保持浏览器更新定期更新浏览器可以确保我们使用的是最新版本的浏览器，新版本通常会修复一些已知的bug和兼容性问题。注意网页的编码方式在浏览网页时，可以留意网页底部的编码信息（如果有的话）。如果发现编码方式与浏览器设置不匹配，可以手动进行调整。清理浏览器缓存定期清理浏览器缓存可以避免因缓存数据导致的乱码问题。总之，当我们遇到360浏览器网页乱码问题时，不要慌张。
前端跨浏览器兼容问题总结
tomorrownan的博客
10-19 5540
写小米网页的过程都是使用火狐浏览器调整页面布局，当用360浏览器和本机IE浏览器打开时，布局就错乱了。 问题1：在火狐浏览器上四张图片一排浮动在右侧，IE浏览器打开页面，产品图片一起跑到当前div块下方。引起错乱。 解决方法：在&amp;amp;lt;head&amp;amp;gt;头部加上X-UA-Compatible设置后，这种页面布局大的错乱就解决了。如下：&amp;amp;lt;meta http-equiv=&amp;quot;X-UA-Com..
360兼容模式页面错位_解决360浏览器兼容模式的页面显示问题
weixin_42436686的博客
01-13 1331
由于众所周知的情况，国内的主流浏览器都是双核浏览器：基于Webkit内核用于常用网站的高速浏览。基于IE的内核用于兼容网银、旧版网站。以360的几款浏览器为例，我们优先通过Webkit内核渲染主流的网站，只有小量的网站通过IE内核渲染，以保证页面兼容。在过去很长一段时间里，我们主要的控制手段是一个几百k大小网址库，一个通过长期人工运营收集的网址库。尽管我们努力通过用户反馈、代码标签智能判断技术提高...
浏览器兼容问题导致的乱码
strife的专栏
09-26 698
360兼容模式提交时碰到乱码，原因是这个模式会带入action里面的url参数作为post值，不知道为什么 mvc下重写下formaction，写清楚action和control就行 例如 @using (Html.BeginForm("DDShouKuanEdit", "DDShouKuan")){ ...html... } 用上面这个代替原来的 @using (Html.Begi
网页英文 错位_网页错位怎么解决？
weixin_39769228的博客
12-19 278
常常我们会遇到我们要设置在一行显示的布局，却因为种种原因造成了错位，看到结果是在一行的最后一个盒子布局错位掉下去了。造成DIV CSS网页布局错位的原因大概有两种情况，一种是宽度计算错误，一种是IE BUG造成，特别是IE6和IE7。接下来我们为大家介绍错位原因与解决错位方法。一、宽度计算错误解决方法宽度计算错误，假如总宽度为500px，有3个盒子，分别css宽度为200px、200px、100p...
360兼容模式页面错位_解决360双核浏览器兼容模式的页面显示问题
weixin_42136837的博客
01-13 613
由于众所周知的情况，国内的主流浏览器都是双核浏览器：基于Webkit内核用于常用网站的高速浏览。基于IE的内核用于兼容网银、旧版网站。以360的几款浏览器为例，我们优先通过Webkit内核渲染主流的网站，只有小量的网站通过IE内核渲染，以保证页面兼容。在过去很长一段时间里，我们主要的控制手段是一个几百k大小网址库，一个通过长期人工运营收集的网址库。尽管我们努力通过用户反馈、代码标签智能判断技术提高...
<!DOCTYPE >的用处
生活不止眼前的苟且
01-07 936
下面我就尽可能简洁扼要的说一下DOCTYPE的作用和用法。1作用：声明文档的解析类型(document.compatMode)，避免浏览器的怪异模式。document.compatMode： BackCompat：怪异模式，浏览器使用自己的怪异模式解析渲染页面。 CSS1Compat：标准模式，浏览器使用W3C的标准解析渲染页面。 这个属性会被浏览器识别并使用，但是如果你的页面没
div+css网页错位原因解决
hugejihu9的专栏
10-08 1051
在我们日常开发中经常会遇到这样问题。有一个大的盒子模型总宽度为1000，里面装有两个宽度都500px的div,想要它们在一行显示，但是确有一个掉下去了，这种情况通常有两种情况：一种是宽度计算错误，一种是IE BUG造成，特别是IE6和IE7。   一、宽度计算错误导致的问题解决： 宽度计算错误，假如总宽度为500px，有3个盒子，分别css宽度为200px、200px、100px，这个没问题...
HTML网页 ＜!DOCTYPE＞详解
aaistudy的博客
10-23 1695
//文档类型声明（浏览器并不只支持 HTML，还支持 XML 类型的文档;对 HTML 文件来说，浏览器使用文件开头的 DOCTYPE 来决定使用怪异模式处理或标准模式处理)。
浅谈解决360兼容模式浏览器的方法
10-21
本文探讨了解决360浏览器兼容模式的方法，这对于开发者优化网页兼容性，提升用户体验有着重要的意义。我们主要介绍以下几种方法：使用HTML5的renderer元标签指定双核浏览器渲染模式、设置X-UA-Compatible指令以最高...
IE8兼容模式的设置
08-28
### IE8兼容模式的设置详解 #### 一、引言 随着互联网技术的快速发展，浏览器作为用户接触网络世界的重要窗口之一，其版本迭代和技术更新变得日益频繁。然而，在某些特定场景下，例如WinLink Web平台这类基于较早...
360浏览器无法导入收藏夹的解决方法.docx
09-26
在使用360浏览器时，经常会遇到无法导入收藏夹的 problema。这是由于不同浏览器之间存在兼容性问题所致。以下是通过尝试各种解决方法后总结出的经验分享： 1. IE收藏夹导入：第一种方法是使用IE内核的浏览器（如...
360浏览器布局错乱
09-26
如果以上都没有问题，可以尝试将360浏览器切换到兼容模式。另外一种可能性是360浏览器使用了IE7的渲染引擎，可以通过在中添加meta标签来解决，例如添加<meta http-equiv="X-UA-Compatible" content="IE=8" />。还有...
HTML零基础教学（REAL）
MeyrlNotFound的博客
12-12 1290
一种超文本标记语言: HyperText Markup Language常见误区：HTML 不是一种编程语言，而是一种标记语言标记语言是一套标记标签HTML文档的别名web 页面HTML 使用标记标签来描述网页HTML 文档包含了HTML 标签及文本内容。
<!DOCTYPE html> 是什么，它的作用是什么
月南的博客
11-06 1244
在HTML文档的首部往往会有这么一句话，许多时候我们忽视了它的存在，它实际上是一个声明，告诉浏览器用哪种HTML版本的规范来解读HTML文档。 尽管我们不给出这句声明浏览器照样会将HTML文档呈现出来，但是由于HTML版本导致的bug也许就出在这里。
＜!DOCTYPE html＞的作用是什么
m0_64387122的博客
12-05 1039
综上我们可以总结一下哈，那就是主要的作用就是通过声明的方式告知浏览器应该选用哪种模式进行解析html，css等代码，目前浏览器的排版引擎使用三种模式：怪异模式、接近标准模式、以及标准模式。如果不声明的话，浏览器就会默认使用怪异模式来解析，这可能和开发者的预期不符。所以，正确的 DOCTYPE 声明是现代 web 开发的基础，这有助于提高页面的兼容性，确保在不同的浏览器和设备上都能正常显示，也能减少调试和维护的时间。如果您有任何疑问或建议，请随时在评论区留言，我会尽快回复。
HTML的DOCTYPE是什么意思
TZOF_的博客
01-23 5399
1. 什么是DOCTYPE？ DOCTYPE是document type的缩写，它并不是html标签，也没有结束标签，它是标记语言的文档类型声明，即告诉浏览器当前HTML是用什么版本编写的。 注意：DOCTYPE的声明必须是在html文档的第一行，在html头标签之前。 2.DOCTYPE的作用 声明文档的解析类型(document.compatModel),避免浏览器的怪异模式。 document.compatModel BackCompat：怪异模式，浏览器使用自己的怪异模式解析渲染页面。
页面在360浏览器出现样式错乱问题
热门推荐
qq_37717798的博客
07-17 1万+
在前端web开发时，写好的页面在360浏览器下出现样式错乱，但是在Chrome，Firefox甚至是IE8+以上都没有问题，那么问题是怎么来的？     分析：1，先检查你的js框架，jQuery类库有没有正确使用。                 2，检查你的HTML标签有没有错误                 3，检查CSS样式                 4，把360浏
<!DOCTYPE html>的作用
_valora的博客
04-19 2490
作用：声明文档的解析类型(document.compatMode)，避免浏览器的怪异模式。    document.compatMode： BackCompat：怪异模式，浏览器使用自己的怪异模式解析渲染页面。 CSS1Compat：标准模式，浏览器使用W3C的标准解析渲染页面。        这个属性会被浏览器识别并使用，但是如果你的页面没有DOCTYPE的声明
ensp安装乱码
最新发布
04-29
<think>嗯，用户之前问过ENSP安装时出现乱码的问题，我之前已经给出了一些解决方案，比如调整系统区域设置、检查字体、重新安装等。现在用户再次提问，引用了站内的几个引用内容，虽然这些引用主要涉及Oracle乱码、ENSP的AR错误40、数据包转发问题和交换机配置中的乱码处理，但用户的核心需求还是解决ENSP安装时的乱码。 首先，我需要回顾之前的回答，确保不重复建议。之前的步骤包括系统区域设置、字体配置、重新解压安装包、更新驱动。现在需要结合用户提供的引用信息，看看有没有新的解决方法可以补充。 引用[1]提到Oracle乱码需要统一编码，这可能提示检查ENSP相关的编码设置是否一致，比如安装路径是否有中文或特殊字符，或者安装时的区域语言设置。引用[2]提到ENSP的补丁和版本兼容性，特别是针对win10 1703系统的问题，可能需要建议用户检查ENSP版本是否为500，并应用补丁。引用[4]中在交换机配置时使用undo terminal monitor来防止乱码，可能提示在安装过程中关闭某些监控程序或调整ENSP的终端设置。 用户现在的问题还是ENSP安装乱码，可能需要更详细的步骤，比如确认系统区域设置是否真正应用，是否有第三方软件冲突，或者是否需要以管理员权限运行安装程序。另外，引用[2]中的补丁可能需要用户下载并替换文件，这需要具体说明操作步骤。 还要考虑用户可能已经尝试过之前的解决方案但未成功，需要进一步排查，比如日志分析、兼容性模式运行安装程序，或者检查系统语言包是否完整。同时，用户可能遇到的是界面乱码而非运行时的乱码，可能需要调整显示设置或字体替换。 总结可能的解决方案补充：检查安装路径不含中文，应用官方补丁，关闭杀毒软件，以管理员身份安装，检查系统语言包，使用兼容模式，查看日志等。同时，根据引用中的信息，强调版本兼容性和补丁的重要性，特别是针对win10 1703的问题。</think>### ENSP 安装乱码的全面解决方案 ENSP 安装过程中出现乱码通常与系统编码、字体兼容性或软件配置相关。以下是结合引用内容和实践经验的综合解决步骤： --- #### **1. 系统区域与语言设置（核心步骤）** - **强制修改系统区域为中文** 部分 Windows 系统默认使用非 Unicode 编码，导致软件无法正确解析中文字符[^1]： - 打开 **控制面板 > 时钟和区域 > 区域 > 管理** - 点击 **更改系统区域设置**，选择 **中文（简体，中国）**，勾选 **Beta版: 使用 Unicode UTF-8 提供全球语言支持**（Win10 及以上版本需测试兼容性） - 重启电脑后重新安装 ENSP。 - **补充验证** - 在命令行输入 `chcp`，若返回 **活动代码页: 936**（GBK 编码）或 **65001**（UTF-8），则说明设置生效[^1]。 --- #### **2. 安装环境修复** - **安装路径与权限** - **路径禁止包含中文或特殊符号**（如 `C:\Program Files\eNSP`），否则可能导致资源加载异常。 - 以管理员身份运行安装程序（右键点击安装包 > 以管理员身份运行）。 - **应用官方补丁** 根据引用[2]，部分 ENSP 版本（如 500）需手动应用补丁： - 下载 `ensp_patch_500.rar`，解压后复制 `data` 文件夹和 `ensp_patch_500.exe` 到 `eNSP\vboxserver` 目录。 - 双击运行补丁程序，重启 ENSP。 --- #### **3. 字体与显示兼容性** - **修复缺失字体** - 下载 **SimSun**（宋体）、**Microsoft YaHei**（微软雅黑）等中文字体，复制到 `C:\Windows\Fonts` 目录[^2]。 - 右键安装字体文件，确保 ENSP 可调用标准字体库。 - **关闭终端监控干扰** 引用[4]提到华为设备命令 `<Huawei>undo terminal monitor` 可避免乱码，类似地： - 安装前关闭杀毒软件或防火墙（如 360、火绒），防止其拦截字体渲染进程。 - 临时禁用第三方终端模拟器（如 SecureCRT）。 --- #### **4. 版本兼容性与驱动更新** - **操作系统适配** - Win10 1703 及以上版本需确认 ENSP 版本为 **500**，并严格按引用[2]操作。 - 若为 Win11，尝试右键安装程序 > 属性 > 兼容性 > 勾选 **以兼容模式运行（Windows 7/8）**。 - **显卡驱动更新** 部分乱码由 GPU 渲染异常导致： - 访问 NVIDIA/AMD 官网下载最新驱动，或使用驱动工具（如驱动精灵）自动检测更新[^3]。 --- #### **5. 其他深度排查** - **日志分析** - 安装失败时，检查 `eNSP\logs` 目录下的错误日志，定位具体报错模块（如 VirtualBox 兼容性问题）。 - 若日志显示 `VBoxSVC.exe` 崩溃，重新安装 **VirtualBox 5.x** 版本（与 ENSP 兼容性最佳）。 - **语言包完整性** - 进入 **设置 > 时间和语言 > 语言**，确认已安装 **中文（简体）语言包**，并设置为默认显示语言。 --- ### 相关问题 1. **如何确认 ENSP 是否与 VirtualBox 完全兼容？** 2. **Win11 系统运行 ENSP 时频繁崩溃应如何调试？** 3. **ENSP 设备启动后界面仍乱码，如何逐级排查？** --- 通过上述步骤，可覆盖系统配置、软件环境、驱动兼容性等多方面问题。若仍存在异常，建议提供安装日志或截图以便进一步分析。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小黑引领未来

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值