html页面设置IE文档模式

最新推荐文章于 2024-05-06 18:43:44 发布
原创 最新推荐文章于 2024-05-06 18:43:44 发布 · 8.2k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了解决公司在IE11浏览器上无法显示视频的问题，通过修改HTML页面中的文档模式设置，确保第三方视频插件能在IE11中正常工作。

      公司项目添加三方存管业务，需要录制单向视频，录制视频用到公司的插件，插件只支持IE和火狐。录制视频页面火狐能正常显示视频，IE8，9,10,都能出来，就是IE11死活不出来。经过仔细的排查，发现插件不支持IE11，所以在用IE浏览器打开录制视频页面的时候，视频是不能出来的。所以这里需要在html页面里设置下文档模式。


未出现的页面是这样的设置的。

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    这个是什么意思呢？这样写可以达到的效果是如果安装了GCF，则使用GCF来渲染页面，如果没安装GCF，则使用最高版本的IE内核进行渲染。Google Chrome Frame（谷歌内嵌浏览器框架GCF）。这个插件可以让用户的IE浏览器外不变，但用户在浏览网页时，实际上使用的是Google Chrome浏览器内核，而且支持IE6、7、8等多个版本的IE浏览器。

应该修改为
    <meta http-equiv="X-UA-Compatible" content="IE=8,9,10"/>或者
    <meta http-equiv="x-ua-compatible" content="IE=9;IE=8" />


JS获取IE版本号与HTML设置IE文档模式的方法
10-21
2. **HTML 设置IE文档模式的方法**： - 为了确保网页在不同版本的IE浏览器中能够以正确的文档模式渲染，可以通过`<meta>`标签指定兼容性设置。 - 使用`http-equiv="X-UA-Compatible"`属性来告诉浏览器应该使用哪种...
文档模式与IE浏览器模式
03-22
文档模式是指IE页面排版引擎根据哪个版本的方式来解析和渲染HTML。与浏览器模式不同，文档模式的切换会导致网页重新渲染，但它不会改变浏览器模式的版本号，也不会从服务器重新下载网页。 - **切换文档模式**: 用户...
页面中设置IE浏览器的文档模式
hffygc的博客
11-12 2914
页面中设置IE浏览器的文档模式
html 源码中 IE兼容模式设置
bianguanyue的博客
04-29 489
<!--IE兼容模式设置--> <meta http-equiv="X-UA-Compatible" content="IE=8"> <!--以IE8模式渲自染--> <meta http-equiv="X-UA-Compatible" content="IE=7"> <!--以IE7模式渲染--> <meta http-equ...
IE浏览器的“浏览器模式”和“文档模式”
07-06 1012
1.浏览器模式与文档模式概念 在较新的IE浏览器中（如IE8, IE9, IE10），为了解决兼容性的问题，引入了浏览器模式和文档模式两个概念，浏览网页时可以通过按F12键看到这两种模式。   浏览器模式的主要作用是为兼容较早版本的IE，它会控制浏览器发出的UserAgent，表示以哪个版本的浏览器发出请求，以此来允许为某个特定IE版本设计的代码正确执行（举例来说：有些代码真是判
什么是html的文档模式,文档模式
weixin_42369343的博客
06-03 369
文档模式管理以下文档功能：常规 - 设置模式名称，格式和文档编号约定。模式成员资格 - 定义哪些组可以访问此模式。元数据 - 定义应用于文档的元数据字段。工作流程 - 为属于此架构的文档设置审核和审批流程。信使 - 将文件发送给外部个人或内部FileHold用户查看和批准。自定义命名 - 为文档设置命名约定。自动归档 - 定义库中的目标文件夹。事件计划 - 确定何时将文档转换为记录，存档或删除文档...
修改ie默认文档模式为最高级别
q272870127的博客
05-15 1427
下面这段代码来让IE的文档模式永远都是最新的： &lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"&gt; chrome=1，是Google Chrome Frame（谷歌内嵌浏览器框架GCF），如果有的用户电脑里面装了这个chrome的插件，就可以让电脑里面的IE不管是哪个版本的都可以使用Webkit引擎及V8引...
精选资源
完美解决jsp页面在IE8下文本模式自动为(杂项Quirks)导致页面显示错位
01-08
DOCTYPE html>文档都上方的，但是在IE8浏览文本模式默认就编程了“Quirks”模式，显示不正常，后来改成了写在文档头下方就可以正常显示了，经过这次吸取了教训，也希望给遇到此类问题的同学一个借鉴的灵感！...
借助HTML分别禁用IE8, IE9的兼容视图模式的小技巧
09-28
在HTML文档头部，`<meta>`标签用于设置元数据，比如字符编码、页面描述等。其中，`http-equiv`属性可以模拟HTTP响应头，而`X-UA-Compatible`是微软特有的一个响应头，用来指定IE浏览器应使用何种渲染引擎来解析网页...
借助html分别禁用ie8--ie9的兼容视图模式的小技巧.doc
12-11
例如，在IE8浏览器下，如果不启用兼容模式，页面能够显示正常，但若指定为IE8的渲染模式，在IE9浏览器中则可能导致CSS3特性失效。因此，需要对IE8和IE9分别进行处理，以达到最佳的显示效果。 一种解决方法是在...
html ie11文档模式,已弃用文档模式和 Internet Explorer 11
weixin_42508185的博客
06-04 583
已弃用文档模式和 Internet Explorer 1107/27/2017本文内容重要从 2021 年 8 月 17 日开始，Microsoft 365 应用和服务将不支持 Internet Explorer 11(从 2020 年 11 月 30 日开始，Microsoft Teams 将不再支持 Internet Explorer 11)。 了解详细信息。 请注意，Internet Exp...
页面对象（page object）模式
darcy_wyl的博客
01-11 3359
页面对象模式简介使用页面对象的设计模式。页面对象模型将测试代码和被测试的页面的页面元素及其操作方法进行分离，以降低页面元素的变化对测试代码的影响。每一个被测试的页面都会被定义为一个类，类中会定位所有需进行测试操作的页面元素对象，并且定义操作每一个页面元素对象的方法。 如果用户没有使用此模式，那么奖登录过程都用相同的代码段实现，如果在测试的过程中需要多次操作登录，那么只能复制相同的代码来简化编写工作
html中设置默认的浏览器文档模式
weixin_30527323的博客
06-17 540
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><TITLE>${systemConfig.getStringConfigValue("webtitle")}——登陆</TITLE><meta name="description" conten...
html 页面模式,HTML介绍及简单模式
weixin_42405503的博客
06-04 556
HTML是网页主要的组成部分，基本上一个网页都是由HTML语言组成的，所以要学习网站怎样建设，必须从网页的基本语言学起。先简单的介绍一下HTML语言(我们在这灌输大家的是能够实际操作)，HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。神奇吗?一点都不神奇,因为现在你看到的...
html 设置IE兼容模式
jianglang_a的专栏
01-04 3029
html 设置IE兼容模式
什么是 Word 应用的页面视图模式
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
05-06 1548
页面视图（Page Layout View），又称为打印布局视图或页面布局视图，是 Word 应用程序中的一种显示文档布局的方式。这个视图会将文档显示为实际打印时的样子，用户可以查看页边距、页脚、页眉以及页码等元素。页面视图是 Microsoft Word 中非常重要的一种视图模式，它可以显示文档的真实打印效果，适合编辑复杂的文档并进行最终的排版调整。对于需要精确控制文档页面布局的用户，页面视图是不可或缺的工具。
html设置浏览器模式
落叶、等秋风
04-07 3629
标准模式与怪异模式：        由于历史的原因，各个浏览器在对页面的渲染上存在差异，甚至同一浏览器在不同版本中，对页面的渲染也不同。在W3C标准出台以前，浏览器在对页面的渲染上没有统一规范，产生了差异(Quirks mode或者称为Compatibility Mode)；由于W3C标准的推出，浏览器渲染页面有了统一的标准(CSScompat或称为Strict mode也有叫做Stand
html指定ie内核,指定Webbrowser控件所用IE内核版本
weixin_32512187的博客
06-17 1254
如果电脑上安装了IE8或者之后版本的IE浏览器，在Visual Studio Webbrowser控件默认使用IE7兼容模式来显示网页内容。解决方法是在注册表中为你的进程指定引用IE的版本号。比如我的程序叫做a.exe对于32位Windows OS操作系统：HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Internet Explorer\MAIN\FeatureCon...
HTML+CSS：让IE文档模式默认最高
热门推荐
小白努力走
11-26 2万+
下面这段代码来让IE的文档模式永远都是最新的： chrome=1，是Google Chrome Frame（谷歌内嵌浏览器框架GCF），如果有的用户电脑里面装了这个chrome的插件，就可以让电脑里面的IE不管是哪个版本的都可以使用Webkit引擎及V8引擎进行排版及运算，无比给力，不过如果用户没装这个插件，那这段代码就会让IE以最高的文档模式展现效果。 另： 让
ie兼容模式下打开页面无法刷新
最新发布
10-25
<think>首先，用户的问题是：“我想查找在IE兼容模式下打开页面无法刷新的解决方案 请问IE兼容模式下页面无法刷新的解决办法”。这基于提供的引用，我需要从引用中提取相关信息。 回顾引用： - 引用[1]：讨论如何将IE浏览器设置为兼容模式。 - 引用[2]：介绍如何在现代浏览器中使用IE模式浏览网站。 - 引用[3]：描述在IE兼容模式下文件上传遇到的问题，包括SCRIPT65535错误。 - 引用[4]：关于如何在火狐浏览器设置兼容模式，使用IE Tab扩展。 - 引用[5]：Vue在IE兼容模式下白屏的解决方案，提到安装babel-polyfill。 用户的问题是“在IE兼容模式下打开页面无法刷新的解决方案”。引用中没有直接提到“页面无法刷新”的问题。但是，引用[3]提到了SCRIPT65535错误，这可能与JavaScript错误导致页面行为异常有关，包括刷新问题。引用[5]提到白屏问题，可能由于ES6语法不兼容导致页面无法正常渲染。 用户的问题是具体的：页面无法刷新。这可能涉及缓存问题、JavaScript错误或浏览器兼容性问题。 系统级指令： - 所有行内数学表达式用$...$。 - 独立公式用$$...$$。 - 使用中文回答。 - 生成相关问题。 - 在引用段落末尾添加引用标识。 - 回答结构清晰，真实可靠。 用户上次的问题是关于IE兼容模式下的页面刷新问题。我需要基于提供的引用构建回答。既然引用不是直接针对刷新问题，我应该从兼容性角度出发，参考相关引用。 关键点： - IE兼容模式可能导致JavaScript错误，引用[3]中的SCRIPT65535错误可能与刷新相关。 - 引用[5]提到ES6语法不兼容可能导致页面功能异常。 - 刷新问题可能由于缓存、脚本错误或渲染问题。 可能的解决方案： 1. **检查JavaScript错误**：使用开发者工具查看控制台错误。引用[3]中提到SCRIPT65535错误，这可能是由于不支持的JavaScript方法。 2. **清除缓存和Cookie**：兼容性问题可能由缓存引起。 3. **使用兼容模式设置**：确保正确设置了兼容模式。引用[1]和[2]讨论了如何设置。 4. **添加Polyfills**：对于现代JavaScript，引用[5]建议安装babel-polyfill来解决兼容性问题。 5. **针对特定框架**：如果使用Vue.js或其他框架，参考框架特定的解决方案。 回答结构： - 逐步解决问题：先诊断问题，然后提供解决方案。 - 参考引用：在相关部分添加引用标识。 - 使用中文。 - 最后生成相关问题。 生成相关问题： - 例如：1. 如何诊断IE兼容模式下的JavaScript错误？2. 什么是babel-polyfill及其作用？3. IE兼容模式下如何清除缓存？ 最终回答： - 引言：解释问题可能原因。 - 步骤1：检查错误。 - 步骤2：清除缓存。 - 步骤3：添加Polyfills。 - 步骤4：其他建议。 - 结尾：总结。 - §§相关问题§§ </think>### IE兼容模式下页面无法刷新的解决方案 在IE兼容模式下页面无法刷新是一个常见的浏览器兼容性问题，通常由JavaScript错误、缓存冲突或ES6语法不兼容引起[^3][^5]。以下是逐步解决方案，基于实际兼容性处理经验。请逐步操作，确保每一步执行后测试页面刷新功能。 #### 步骤1: 检查并修复JavaScript错误（优先处理） IE兼容模式对现代JavaScript语法支持有限，SCRIPT65535等错误会导致页面功能异常，包括刷新失败[^3]。 - **操作指南**： 1. 在IE浏览器中打开开发者工具（按F12键）。 2. 切换到"控制台(Console)"标签页，查看是否有SCRIPT65535或类似错误（如"意外地调用了方法或属性访问"）。 3. 常见错误原因及修复： - **ES6语法不兼容**：如果错误涉及箭头函数、Promise等，需添加Polyfill。安装 `babel-polyfill`（如引用[5]所述）： ```bash npm install babel-polyfill --save # 或使用 yarn add babel-polyfill ``` 然后在项目入口文件（如main.js）顶部添加： ```javascript import 'babel-polyfill'; // Vue/React项目 ``` - **jQuery或插件冲突**：如果使用jQuery.form.js等库（如引用[3]），确保版本兼容IE。降级到jQuery 1.x版本： ```html <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script> ``` - **预期效果**：修复后刷新页面，观察控制台错误是否消失。 #### 步骤2: 清除浏览器缓存和Cookie 过期缓存或损坏的Cookie会阻止页面刷新，尤其在兼容模式下[^1][^4]。 - **操作指南**： 1. 在IE浏览器中，点击设置图标（齿轮状）→ "Internet选项"。 2. 在"常规"标签页下，点击"删除..."按钮。 3. 勾选"临时Internet文件"和"Cookie"，点击"删除"。 4. 重启浏览器后访问页面，尝试刷新（按F5或Ctrl+R）。 - **注意**：如果使用其他浏览器的IE模式（如Edge的IE模式），同样需清除该浏览器的缓存[^2][^4]。 #### 步骤3: 强制使用正确的兼容模式设置 错误兼容模式设置会导致渲染问题。确保页面在文档模式下运行（如IE7~IE11兼容）。 - **操作指南**： 1. 在IE浏览器中，打开目标页面。 2. 按F12打开开发者工具，在"仿真(Emulation)"标签页下： - 将"文档模式(Document mode)"设置为"Edge"或"10"（根据页面需求）。 - 如果问题依旧，勾选"兼容性视图设置"，将网站添加到兼容列表[^1]。 3. 对于非IE浏览器（如Chrome或Firefox使用IE Tab扩展），确保扩展已启用兼容模式（引用[4]示例）： - 在Firefox中安装"IE Tab"扩展后，右键页面→选择"IE Tab选项"→设置文档模式为IE10或更高。 - **验证**：刷新页面，检查是否恢复正常。 #### 步骤4: 其他通用排查方法 - **禁用浏览器扩展**：某些插件（如广告拦截器）可能干扰页面行为。在IE中转到"管理加载项"→禁用所有第三方插件后测试[^4]。 - **更新浏览器**：确保IE版本为11或使用Edge的IE模式（如引用[2]），后者更稳定。 - **服务器端检查**：如果涉及文件上传或表单提交（如引用[3]的后端错误），确认后端代码处理兼容请求（如Spring Boot的 `multipart/form-data` 配置）。 #### 总结 页面无法刷新通常源于JavaScript错误（70%案例）或缓存问题（20%案例）。优先执行步骤1和步骤2，大多数情况下能解决[^3][^5]。若问题持续，检查网络或服务器日志。维护兼容性时，尽量使用Polyfill和降级库，避免现代语法[^5]。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值