Web开发时不要忽略的IE兼容性设置

最新推荐文章于 2021-06-07 15:37:57 发布
最新推荐文章于 2021-06-07 15:37:57 发布
阅读量292 收藏
点赞数
分类专栏： HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/carcarrot/article/details/108117119
版权

我们在做Web开发时，有时页面在Chrome等非IE内核的运行正常的页面在IE打开则会出现各种加载出错（如下图），往往是页面忘了做IE兼容设置，要检查我们的页面中是否少了以下标签设置：

<!DOCTYPE html>   <!--使用HTML5-->
<meta http-equiv="X-UA-Compatible" content="IE=edge" />  <!--告诉IE使用最新的渲染器Edge渲染页面。-->

 

 

案例：
https://stackoverflow.com/questions/8218894/ie-9-script-error-script438-object-doesnt-support-property-or-method-addevent

carcarrot
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
编程求出每天时钟上时分秒三个指针重合的时间，精确到毫秒
carcarrot的博客
10-21 2279
分析：一天时钟重叠的时间，三个指针重合，即是说三个指针的角度度数一样，时钟上的刻度，秒针、分针一圈60个刻度每个刻度是6度（360/60），需要注意的是时针的每一刻度是30度（360/12，每60分钟时针跨越的1个时针刻度是5个小刻度），24小时中每12小时一个轮回。 结果是： 00:00:00,000 12:00:00,000 以下是通过简单的Javascript代码实现，完整代码如下...
新版的edge没有ie兼容模式怎么办？
lihuiyun184291的博客
02-26 2万+
　　Win11默认的浏览器是Ddge浏览器，但是很多用户用不习惯，还是喜欢用IE浏览器。之前的版本可以设置IE兼容模式，新版的edge没有ie兼容模式，之前的设置方法：在设置->默认浏览器选项中根本没有“允许在 Internet Explorer 模式下重新加载网站”的选项，已经不能用了。那么新版的edge没有ie兼容模式怎么办？以下是新版edge浏览器兼容模式开启教程。 　　新版edge浏览器兼容模式开启教程 　　1、需要下载 Edge 管理模板：https://www.microsoft.
html代码不兼容edge,edge兼容模式怎么设置？edge浏览器兼容性设置方法
weixin_36060333的博客
06-07 4721
edge浏览器是一款非常好用的浏览器，用户可以使用手机自由切换模式，这样用户就可以轻松浏览更多的内容了，使用起来超级的方便，各种内容都可以一手掌握，使用超级的简单和方便，如果你也对这个浏览器感兴趣可以下载尝试一下，马上就可以为用户带来最便捷的服务，这款浏览器的设置方法非常的简单，兼容性非常的高，那么在使用的时候要如何设置浏览器的兼容性呢，让我们一起来看看详细的操作步骤和使用方法吧！edge兼容模式...
Edge，IE浏览器 兼容模式设置
PinkCoder
12-15 3万+
Edge，IE浏览器 兼容模式设置
WEB前端开发人员须知的常见浏览器兼容问题及解决技巧
热门推荐
xustart7720的博客
06-22 8万+
为什么会有兼容问题？由于市场上浏览器种类众多，而不同浏览器其内核亦不尽相同，所以各个浏览器对网页的解析就有一定出入，这也是导致浏览器兼容问题出现的主要原因，我们的网页需要在主流浏览器上正常运行，就需要做好浏览器兼容。使用Trident内核的浏览器：IE、Maxthon、TT； 使用Gecko内核的浏览器：Netcape6及以上版本、FireFox； 使用Presto内核的浏览器：Opera7及以
禁止IE兼容模式
coding
06-01 1万+
IE浏览器从IE8开始添加了兼容模式，开启后会以低版本的IE进行渲染。兼容模式有可能会导致网页显示出问题，于是我们通常在HTML中添加下列代码来使 IE 使用固定的渲染模式： 还有一种情况，在IE8下只有不使用兼容模式页面才能显示正常，但是如果设定为IE8的模式，在IE9中却会导致CSS3失效。看来，需要针对 IE8、IE9 分别 禁用兼容模式。怎么办呢？可以在后台判断浏览器版本，
开发过程遇到的IE兼容性问题以及解决方案
随心的博客
08-18 917
IE与谷歌的兼容性问题 以及怎么判断浏览器类型
WEB开发中,一行代码解决各种IE兼容问题
叶炎灵的博客
03-24 870
https://www.cnblogs.com/pyman/articles/7942869.html
【WEB】网页开发者需要了解的IE浏览器限制
CDLucifer的专栏
03-18 1095
IE浏览器对资源的有许多限制，有时候这让网页开发者很郁闷，如果你不了解这些限制的花，会浪费我们很多时间去寻找html中的bug。那么IE到底有哪些限制呢? •只能读取最多4096个字节的cookies，写入超过5118字节的cookies头会出错。 •最多只支持引入3层@import CSS文件； •最多只支持@import 32个CSS文件(使用link引入与此相同，可以查看这个测
有关css和js针对不同浏览器兼容的问题
weixin_30567225的博客
03-03 393
首先谈一下浏览器，虽然现在ie依然是浏览器市场的老大，大约占有67%的份额，但是由于其各方面的欠缺，用户开始选择其他浏览器作为自己浏览网页的主要 工具，比如firefox、theworld、maxthon、chrome、opera等等，在用户使用比较多的浏览器中，分为2大派系 - ie内核和非ie内核，像theworld、maxthon、greenbrower等等都属于ie内核，而firefox、...
前端兼容ie开发的注意事项
weixin_34378969的博客
04-16 2725
由于工作原因，项目大多需要做到兼容ie9或者8的情况，我也很无奈，所以就记录一些工作中自己遇到，或者带的实习生弟弟们遇到的一些问题 html部分 问题：Ie9仅支持h5的部分标签，以及某些标签的部分属性，ie8以前我估摸着是全军覆没（弱弱的说一声我是估计哈） 解决： 1.不过在如今已经有成熟得解决方案了html5shim htmlshiv 你只需要引入这个js就能兼容大部分h5得标签了，你可以理解...
CSS hack大全之特殊符号的应用解决浏览器兼容性问题
12-09
由于各大浏览器尤其IE浏览器对web标准支持情况不一，导致标准的网页在各个浏览器中的表现不一，因此，解决各浏览器兼容性问题成为了前端工程师最重要的工作之一，而所谓的hack技术则是前端开发中必用的。 CSS hack...
Web前端矢量小图标的使用方法
11-21
兼容性良好，支持ie8+，及所有现代浏览器。 因为使用class来定义图标，所以当要替换图标时，只需要修改class里面的图片名称引用。 不过因为本质上还是使用的字体，所以多色图标还是不支持的。 第一
工程硕士学位论文 基于Android+HTML5的移动Web项目高效开发探究
02-28
鉴于市场上用户的手机型号、种类、屏幕分辨率等参差不齐，传统方式根据主流系统分别开发相应的系统耗时又耗力，为了高效开发并节约开发项目成本，本文采用Android+HTML5相结合的方式进行移动端Web系统的设计研发工作...
JS查错小程序
01-23
由于工作中web开发经常遇到兼容性的问题 基本都是各类浏览器（特别是IE各版本）对JS中组件 对象的不支持导致 而有一部分又是开发人员在编写的时候代码不规范（这种场景经常发生在拷贝复制的时候）导致 如数组中的...
商聚ONex微营销系统 v2.2.4
10-23
温馨提示：1、商聚ONex后台UI界面不兼容IE8以下浏览器，为了保证您的操作体验，商聚团队推荐使用【谷歌浏览器】2、升级时请注意备份数据（程序文件+数据库）3、新版本现已支持手机访问商聚ONex微营销系统商聚ONex微...
H5中＜img＞的srcset、size属性及＜picture＞介绍
carcarrot的博客
10-14 4701
img标签srcset、size属性 （HTML 5.1规范） srcset用来声明一组图像源，浏览器根据我们使用描述符指定的条件来选择图像。描述符x表示图像的像素密度，描述符w表示图像的宽度；浏览器使用这些信息从列表中选择合适的图像。 sizes属性为浏览器提供将要显示图像的尺寸信息，srcset使用w描述符时必须包含此属性。 srcset属性列出了浏览器可以选择加载的源图像池，是一个由逗号分隔的列表。x描述符表示图像的设备像素比。浏览器根据运行环境，利用这些信息来选择适当的图像。不理解srcset
用js代码修改checkbox的checked属性值不会触发onchange事件
carcarrot的博客
10-16 3336
问题描述 vue中，我用v-model将 checkbox 绑定到变量flag上，但是，当我用 js 去修改 flag 的值时，却没有触发 checkbox 的change事件。 同样的，在angular中用ng-model将 checkbox 绑定到变量flag2上，用程序修改flag2的值也没有触发 checkbox 的change事件。 事实上，这不是vue和angular的问题，而是在原生的js和html上。 解决方法 1. 在vue及angular框架中我们可以通过...
一款前端可编辑电子表格——Handsontable
carcarrot的博客
09-09 2292
Handsontable是一款像电子表格的JavaScript数据网格插件。可用于纯JavaScript、React、Angular和Vue。 运行效果如下图： 以下是官方样例图：
web开发经常遇到的浏览器的兼容性有哪些
最新发布
09-10
Web开发中，常见的浏览器兼容性问题包括以下几个方面： 1. HTML和CSS的兼容性问题：不同浏览器对标签的解析可能不同，导致网页在不同浏览器上显示效果不同。 2. JavaScript的兼容性问题：不同浏览器对JS语法和DOM...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值