前端开发之如何兼容IE8等旧IE浏览器

最新推荐文章于 2025-06-01 09:17:35 发布
原创 最新推荐文章于 2025-06-01 09:17:35 发布 · 1w 阅读 · 7 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文总结了在Angular项目中兼容IE8浏览器的经验。通过html5shiv解决新元素识别问题，使用Respond.js支持媒体查询，借助es5-shim和es5-sham补全ES5 API，以及选择Angular 1.2.x版本来确保在旧版IE上的运行。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

    最近一个采用angular的前端项目需要兼容IE8浏览器，为了兼容这旧版本的IE浏览器，花费不少时间，先特将心得记录如下。 

    为了使不兼容HTML5和CSS3新特性的IE等浏览器兼容最新特性，其实已经有人写了一些库。 

    1. html5shiv

 html5shiv主要解决HTML5提出的新的元素不被IE

最低0.47元/天 解锁文章

200万优质内容无限畅学
前端项目-ie8.zip
09-02
前端项目-ie8,some damn DOM fix for this damned browser
兼容IE浏览器的前端RSA加密js
03-01
用于兼容IE浏览器使用RSA加密的工具类，直接引入，并且使用new ecrypt()即可使用，官网的js会倒是IE浏览器报错SCRIPT1010错误，原因为逗号(,)关键字(default,delete)等。
『前端开发』- 兼容IE8的响应式开发
weixin_34391445的博客
03-14 445
兼容IE8的响应式开发 全文概要： 1. 常用解决方案 2. 使IE8兼容媒体查询 @media 3. px和em和rem的霸主位置 4. 使IE8兼容rem 常用解决方案 所谓响应式开发，就是指在不同的系统，设备环境，不同的分辨率下，界面进行不同的响应和调整适配 我们简单理解为，在不同的浏览器上，不同分辨率的显示器上，我们的网页能进行自适应响应调整，使得最后的界面还是能达到设计师高保真图的...
深入理解RxJS v4：响应式编程的核心概念与实践指南
最新发布
gitblog_00289的博客
06-01 262
深入理解RxJS v4：响应式编程的核心概念与实践指南 什么是RxJS？ RxJS（Reactive Extensions for JavaScript）是一个用于使用可观察序列和LINQ风格查询操作符来组合异步和基于事件的程序的库。它提供了一种优雅的方式来处理各种数据序列，无论是来自文件或Web服务的数据流、Web服务请求、系统通知，还是用户输入等事件序列。 核心概念解析 可观察序列（Obser...
plupload 不兼容ie8_web前端开发之ie8浏览器常见的兼容性问题
weixin_39535287的博客
12-06 285
ie8浏览器IE8兼容是每位webFrontender的痛点，这里讲介绍本人在兼容ie8常用到的一些兼容方法和属性，干货马上呈上：1.不支持background-size属性background-size:100% 100%; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='your img url', sizingM...
html开发兼容ie,『前端开发』- 兼容IE8的响应式开发
weixin_39759995的博客
06-07 199
兼容IE8的响应式开发全文概要：常用解决方案所谓响应式开发，就是指在不同的系统，设备环境，不同的分辨率下，界面进行不同的响应和调整适配我们简单理解为，在不同的浏览器上，不同分辨率的显示器上，我们的网页能进行自适应响应调整，使得最后的界面还是能达到设计师高保真图的效果。在PC端开发中，经常会出现系统得兼容IE8的要求，此次我们讨论的是在这种需求下，如何达到所谓的响应式开发的要求。常用的响应式开发解决...
前端开发IE8问题
在坑中上爬，在打击中成长
04-03 1832
从项目中发现问题并解决，同时将问题和解决方法记录下来，既能方便以后查询，也能让需要的朋友参考。 1.IE8下div嵌套时，外层div宽度不随内层div宽度改变的问题                当b1和b2都是float=left时候，a1层的宽度不会被b1和b2的宽度撑开。(这个现象只有IE8发生，其他版本IE以及IE8选择兼容模式后就没有问题。) 解决方法：设置a1
IE8兼容性和判断IE浏览器版本
02-23
IE8兼容性是前端开发中经常遇到的问题，特别是在使用老版本的IE浏览器时。下面是IE8兼容性中的一些常见问题和解决方法： 首先，IE8只支持jquery2.0以下的版本，因此在使用jquery时需要注意版本问题。 其次，IE8不...
Vue+iview+webpack ie浏览器兼容简单处理
10-16
总的来说，这篇文章详细介绍了如何处理Vue+iview+webpack在ie浏览器中的兼容问题，通过Polyfill和babel-polyfill来实现旧浏览器对新标准API的支持，以及如何配置webpack来构建Vue项目。这对于使用Vue和webpack进行...
pdfjs预览插件，兼容IE浏览器
05-11
对于标题提到的"pdfjs预览插件，兼容IE浏览器"，这意味着我们讨论的是如何在Internet Explorer（IE）这种已经较为老旧且对现代Web标准支持不足的浏览器上，利用PDF.js实现PDF文档的预览功能。 PDF.js的核心在于其跨...
前端开发如何使用IE调试（带图解）
08-14
IE浏览器下进行调试JS步骤详解，附带详细图解
UI框架模板一(兼容IE8)
07-31
基于bootstrap的UI框架模板一(兼容IE8)
Promise在ie8等不支持Promise的浏览器上的完整实现
08-12
Promise在ie8等不支持Promise的浏览器上的完整实现
前端解决ie兼容问题
great1314的博客
04-19 1793
前端解决ie兼容问题     首先vue cli2 项目中使用Vuex时，ie浏览器会出现“Vuex requires a Promise polyfill in this browser”的错误提示，这是因为使用了ES6 Promise,而IE浏览器不支持，解决方案如下： 安装babel-polyfill 执行以下命令： npm install --save babel-polyfill 在main.js引入 import ‘babel-polyfill’， 注意这个要放在代码最上面一行，要第一个
前端项目兼容IE11
pia_ji的博客
03-04 1447
语法兼容问题 1.脚手架项目 npm i babel-polyfill import 'babel-polyfill' 2.纯静态HTML文件 （1）方案一 gulp构建： 1.ES6转ES5：安装gulp-babel插件 2.代码填充或兼容性补丁（Polyfill）：引入browser-polyfill.min.js 将新的 API ，比如 Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全局对象，以及一些定义在全局对象上的方法（比如
让网站支持老版本IE6、7、8、9浏览器的3种解决方案
weixin_30748995的博客
01-24 208
1.htmlshiv.js Remy的 HTML5shiv通过JavaScript 来创建HTML5元素(如 main, header, footer等).在某种程度上通过JavaScript 创建的元素是 styleable(可样式)的。我们可以花很多时间来思考其运行原理,但谁会在乎呢?这种策略在所有产品网站上仍然是必须使用的. 代码如下: 1 <!--[if lt IE 9]&...
前后端分离 ie上传文件兼容
qq_31296899的博客
11-01 693
刚开始写文件上传，chrome上传很顺利，但是换成ie就不行了，于是想了想，可能是服务器没有告诉ie response 类型 于是在代码上加上了    produces = "text/html;charset=utf-8" : 就可以了  注意在处理文件上传的时候，文件名后面最后加个时间戳，避免同一个文件覆盖     @RequestMapping(value = "/method=
前端项目开发中兼容性问题
weixin_43323097的博客
08-07 1177
前端项目开发中兼容性问题
IE8兼容问题
weixin_34413103的博客
10-18 164
最近做的网站，需要兼容IE8，在这里记录一下，碰到的问题，方便以后查看补充 1.CSS选择器nth-child 不兼容 ul li:nth-child(2){ background-image: url(../img/2.jpg); background-size: cover; } IE8不兼容 这种写法 在网上百度了一下 兼容写法 戳这里 可...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值