IE10浏览器 默认的文档模式为IE7标准，无法更改

最新推荐文章于 2022-04-08 23:48:52 发布
最新推荐文章于 2022-04-08 23:48:52 发布
阅读量1.6k 收藏
点赞数
分类专栏： HTML/CSS 文章标签： IE10文档模式 IE7标准 浏览器模式
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Jerryman_GHJ/article/details/102509128
版权
IE10浏览器 默认的文档模式为IE7标准，无法更改

解决方法：在head标签里添加如下代码：

<meta http-equiv="content-type" content="text/html;charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
Jerryman_GHJ
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
完美解决jsp页面在IE8下文本模式自动为(杂项Quirks)导致页面显示错位
01-08
DOCTYPE html>文档都上方的，但是在IE8浏览文本模式默认就编程了“Quirks”模式，显示不正常，后来改成了写在文档头下方就可以正常显示了，经过这次吸取了教训，也希望给遇到此类问题的同学一个借鉴的灵感！...
修复WIN7 64位旗舰版修改文件夹不能在同一个窗口打开技巧
01-28
WIN7 64位旗舰版默认的浏览器为IE64位的。然而，IE64位的浏览器对于网上有些功能不兼容，譬如一些银行的交易功能。于是就突发奇想，将win7的默认64位的IE浏览器改为了32位。做法如下： 1.将C:\Program Files\...
解决IE浏览器兼容性问题：“JSON”未定义
qq_37730779的博客
03-01 3016
问题起因： 将JavaScript对象类型的参数通过JSON.stringify转换成字符串传递时，IE6、7、8会报：“JSON”未定义 的错误。 错误分析： JSON是包含在JScript 5.8引擎中，而为了向下兼容ie8只有在文档模式是”Internet Explorer 8 Standards”的时候才使用JScripte 5.8,其他时候使用JScripte 5.7特性。因此如果文档模...
IE浏览器设置默认文档模式
ssh2017的博客
05-28 5994
IE浏览器设置默认文档模式知识点问题描述解决方案 知识点 1.vue 只兼容ie8以上版本； 2.IE 不兼容 axios的promise对象; 3.IE 不兼容es6语法； 问题描述 工程使用的vue2.X，而且已经安装了babel-polyfill（模拟ES2015以上的环境，主要用于对ES6新语法不支持的浏览器）。 但是，在使用IE11浏览器打开时，界面无法展示。 如何定位的问题？一开始，我的IE11浏览器 默认文档模式没有任何设置，它默认是5，加载不出界面。在《仿真》下，调整 文档模式为11，然后选
ie 默认文档模式
yingying0708的专栏
08-25 530
设置ie默认版本为ie7
qq_42114504的博客
08-02 6095
工作的项目前台页面需要兼容ie7,所以每次调试的时候都需要F12,仿真为ie7,重新打开ie又变成ie12了,烦躁,搜了很多资料,成功了,写篇博客记录下来 http://www.winwin7.com/JC/16213.html 按下win+R打开运行，键入：regedit 点击确定打开注册表编辑器；找到如下的项 FEATURE_BROWSER_EMULATION，新建一个DWORD（32位），填上iexplore.exe 值为十进制的 7777 或者 ，即默认使用IE8的浏览模式，最后，重启浏览器即可
强制不使用“兼容性视图”的HTML代码
www3300300的专栏
10-17 5303
在IE8浏览器以后版本，都有一个“兼容性视图”，让不少新技术无法使用。那么如何禁止浏览器自动选择“兼容性视图”，强制IE以最高级别的可用模式显示内容呢？下面就介绍一段HTML代码。 X-UA-Compatible是一个设置IE浏览器兼容模式的属性，在IE8浏览器之后诞生。IE8或者IE9有很多种模式，比如，IE8有4种模式：IE5.5怪异模式、IE7标准模式、IE8几乎标准模式、IE8标准模式；
Dell服务器远程安装操作系统.docx
06-07
Dell服务器远程安装操作系统全文共4页，当前为第1页。Dell服务器远程安装操作系统全文共4页，当前为第1页。Dell 服务器远程安装操作系统 Dell服务器远程安装操作系统全文共4页，当前为第1页。 Dell服务器远程安装...
VNC服务器的设置(图文教程).doc
06-07
这个1 是开启的远程桌面，所以端口号+1 5800端口是应用于IE，FIREFOX等浏览器访问的，需要安装JRE（Java Runtime Environment），它提供了一个JAVA的支持，在浏览器窗口访问VNC服务器时候，会先访 问JRE界面，如何...
Windows2003建立WEB服务器.doc
最新发布
06-07
在这里要提 醒用户，很多时候忘记设置自己的默认首页文档，因此造成无法访问。（可以在站点属 性――文档中进行设置） ----------------------- Windows2003建立WEB服务器全文共9页，当前为第1页。 Windows2003建立...
IE浏览器调试默认是IE 7版本
pansanday的专栏
04-01 1万+
碰到只能使用IE浏览器的前端项目代码，也真是无奈啊。。。 问题描述： 碰到一个比较古老的项目，当时只做了IE兼容，其他的浏览器打开样式非常乱，由于项目还在使用，又没有过多时间做兼容，只好硬着头皮在IE中做调试。首先遇到的一个问题是兼容性，在IE中，F12打开debug，发现默认居然是IE 7： 解决方案： 打开IE浏览器 -> Tools -> Compatibility ...
版本为11的ie浏览器默认用ie7打开页面
weixin_42213903的博客
11-19 2568
使用IE打开页面时 打开控制台发现，用的是IE7 解决方法 页面中添加meta标签,以最高级模式渲染文档 来解决这个问题。 <meta http-equiv="X-UA-Compatible" content="IE=edge chrome=1"> 也可以添加 <meta name="renderer" content="webkit|ie-comp|ie-stand"&g...
为什么360浏览器兼容模式文档模式默认以ie7标准渲染
dkmings的博客
06-12 8539
今天测试一个网站兼容性  用360兼容模式打开会出现一些问题  查看了 原来360兼容模式 默认是用IE7 来渲染； 解决方式很简单： 可以用 以最高级模式渲染文档 来解决这个问题。 也可以用 默认打开 webkit 内核模式。
FEATURE_BROWSER_EMULATION及IE “浏览器模式”和“文档模式”
dong123ohyes的专栏
04-08 1802
写IE兼容版本9000（Internet Explorer 9默认值，在IE9标准模式中按照网页上!DOCTYPE指令来显示网页。）。强制高版本的IE浏览器用低的版本模式显示网页。强制IE浏览器或WebBrowser控件使用指定版本显示网页。FEATURE_BROWSER_EMULATION注册表下设置FMMonitor.exe为9000。（前端js或Html代码中可以通过"X-UA-Compatible"设置文档模式） 小心IE9|IE10|IE11渲染模式下的DOM操作。FEATURE_BROWSER
IE11文档模式默认值改变方法
热门推荐
hsg77的专栏
10-10 3万+
IE11文档模式默认值改变方法 IE11文档模式默认值为：IE7版本 这是兼容模式的IE版本， 开发者工具中的任何设置仅供临时调试使用，无法保持，包括这里的文档模式； 1.如果是页面遇到兼容问题，可以通过将网页添加到IE兼容性视图列表以做长期使用，对原来仅支持IE7及以下版本网站和页面有效； 这时IE11文档模式默认值变为：7 值 2.如果网页需要html5支持
IE11打开某些网站，F12仿真模式中文档模式默认为IE7？
乔志勇笔记
07-07 3万+
http://www.iefans.net/ie11-f12-fangzhen-wendang-moshi-moren-ie7/ IE11浏览器默认的文档模式为Edge，但是打开有些网站的时候，在IE11中打开F12开发人员工具，仿真模块下，文档模式选项中Internet Explorer 7显示为默认值。但是并未打开所有网站都是显示为IE7为默认文档模式，将文档模式设置为其他IE版本以后，
默认打开IE10、IE11就强制使用IE8/IE9浏览模式或更低版本的浏览模式
shaochengand的专栏
06-20 3万+
我们会经常遇到，升级windows8、windows8.1后，IE的兼容性发觉变的不是很好，如某些网页浏览卡顿，不正常；如网银的控件安装不了等等。主要的原因很多网站或是网银控件没有针对新的IE来开发或是重新更新，所以出现浏览网页某些功能不兼容，控件装不上的情况。那么，问题来了：我们怎样才能正常浏览网页或是安装上我们的网银控件呢？ 这时我们就需要降低IE的版本来实现兼容。 有两种方法，一
再谈IE的浏览器模式和文档模式
weixin_34071713的博客
04-27 150
以前在 “IE8兼容视图(IE7 mode)与独立IE7的区别”一文中曾经涉及过浏览器模式和文档模式，但二者的区别却不甚了了，现在有了新的认识，再补充一下。 1.浏览器模式与文档模式概念在较新的IE浏览器中（如IE8, IE9, IE10），为了解决兼容性的问题，引入了浏览器模式和文档模式两个概念，浏览网页时可以通过按F12键看到这两种模式。 浏览器模式的主要作用是为兼容较早版本的IE，...
html2canvas 0.5.0文档
05-26
html2canvas是一个将HTML页面渲染成canvas图像的JavaScript库。以下是html2canvas 0.5.0的文档： ## 安装 使用npm安装： ``` npm install html2canvas ``` 或者直接在HTML文件中引入： ```html <script src="https://html2canvas.hertzen.com/dist/html2canvas.min.js"></script> ``` ## 使用 ### 基本用法 ```javascript html2canvas(document.body).then(function(canvas) { document.body.appendChild(canvas); }); ``` 上面的代码将把当前页面的HTML元素渲染成canvas元素，并将其插入到页面中。 ### 配置项 html2canvas还提供了一些配置选项，可以通过传递一个选项对象来设置这些选项。 ```javascript html2canvas(document.body, { allowTaint: true, backgroundColor: '#ffffff', useCORS: true }).then(function(canvas) { document.body.appendChild(canvas); }); ``` 下面是html2canvas支持的全部选项： - `allowTaint`（布尔值，默认为`false`）：允许绘制跨域图片。如果设置为`true`，将会禁用tainted canvas错误的检查。 - `backgroundColor`（字符串，默认为`#ffffff`）：指定背景颜色。可以是任何CSS颜色值。 - `canvas`（HTMLCanvasElement）：使用给定的canvas元素进行绘制，而不是创建新的canvas元素。 - `foreignObjectRendering`（布尔值，默认为`false`）：允许在canvas中绘制外部对象，如`<iframe>`、`<video>`或`<embed>`。如果设置为`true`，将会使用带有外部内容的`<foreignObject>`元素进行绘制。 - `height`（数字）：指定canvas的高度。如果未指定，将使用元素的高度。 - `letterRendering`（布尔值，默认为`false`）：允许在canvas中绘制字母。如果设置为`true`，将会使用单独的canvas元素进行绘制，以使字母更加清晰。 - `logging`（布尔值，默认为`false`）：启用日志记录。 - `proxy`（字符串）：跨域代理的URL地址。html2canvas将会使用这个URL来加载跨域资源。 - `scale`（数字，默认为`window.devicePixelRatio`）：指定绘制时的比例。可以是任何数字，但通常使用`window.devicePixelRatio`来绘制高清图像。 - `scrollX`（数字）：指定水平滚动条的位置。可以是任何数字，但通常使用元素的`scrollLeft`属性来指定位置。 - `scrollY`（数字）：指定垂直滚动条的位置。可以是任何数字，但通常使用元素的`scrollTop`属性来指定位置。 - `useCORS`（布尔值，默认为`false`）：使用跨域资源共享（CORS）来加载跨域图片。 ### 方法 html2canvas还提供了一些方法，可以在渲染过程中进行操作。 #### `html2canvas.cancel()` 取消当前的渲染过程。 ```javascript var promise = html2canvas(document.body); promise.cancel(); ``` #### `html2canvas.punish()` 和 `html2canvas.reward()` 这两个方法用于惩罚或奖励html2canvas的性能。默认情况下，html2canvas会尝试使用最快速的方式进行渲染，但在某些情况下，它可能会导致渲染失败或产生低质量的图像。使用`punish()`方法可以告诉html2canvas尝试使用更准确的但更慢的渲染方法，而使用`reward()`方法可以告诉html2canvas尝试使用更快的但可能会产生低质量图像的渲染方法。 ```javascript html2canvas(document.body, { onrendered: function(canvas) { if (canvas.width > 500) { html2canvas.punish(); html2canvas(document.body, { onrendered: function(canvas) { // ... } }); } else { html2canvas.reward(); } } }); ``` ### 事件 html2canvas还提供了一些事件，可以在渲染过程中进行操作。 #### `onbeforeload` 在加载跨域图片之前触发。可以使用它来修改图片的URL。 ```javascript html2canvas(document.body, { onbeforeload: function(image) { if (image.src.indexOf('http://example.com/') === 0) { image.src = 'http://proxy.example.com/?url=' + encodeURIComponent(image.src); } } }); ``` #### `onload` 在图片加载完成后触发。 ```javascript html2canvas(document.body, { onload: function(image) { console.log('Image loaded:', image.src); } }); ``` #### `onclone` 在克隆DOM元素之前触发。可以使用它来修改DOM元素的样式或内容。 ```javascript html2canvas(document.body, { onclone: function(clone) { clone.querySelectorAll('img').forEach(function(img) { img.src = '/path/to/placeholder.png'; }); } }); ``` #### `onrendered` 在渲染完成后触发。渲染结果将作为参数传递给该事件处理函数。 ```javascript html2canvas(document.body, { onrendered: function(canvas) { console.log('Canvas rendered:', canvas); } }); ``` ### 错误处理 html2canvas可能会产生一些错误，例如渲染失败或跨域资源不可用。以下是一些常见的错误类型及其处理方法。 #### tainted canvas 当尝试从包含跨域图片的canvas中提取数据时，浏览器会抛出`tainted canvas`错误。如果要允许绘制跨域图片，请将`allowTaint`选项设置为`true`。 ```javascript html2canvas(document.body, { allowTaint: true }); ``` #### SecurityError 当尝试读取跨域iframe中的内容时，浏览器会抛出`SecurityError`错误。如果要允许在canvas中绘制外部对象，请将`foreignObjectRendering`选项设置为`true`。 ```javascript html2canvas(document.body, { foreignObjectRendering: true }); ``` #### NS_ERROR_NOT_AVAILABLE 当尝试读取跨域资源时，浏览器会抛出`NS_ERROR_NOT_AVAILABLE`错误。如果要使用跨域代理来加载跨域资源，请将`proxy`选项设置为代理的URL地址。 ```javascript html2canvas(document.body, { proxy: 'http://proxy.example.com/' }); ``` ### 支持的浏览器 html2canvas支持所有现代浏览器和IE9及以上版本。请注意，它需要浏览器支持`<canvas>`元素和`<foreignObject>`元素。 ## 参考资料 - [html2canvas官网](https://html2canvas.hertzen.com/) - [html2canvas Github仓库](https://github.com/niklasvh/html2canvas)

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值