浏览器适配IE浏览器问题

news/2024/11/17 4:57:58/

提示:文章写完后,

目录

文章目录

前言

一、es6转换es5在线工具

二、IE不兼容问题

1.es6 forEach 转 es5 for 

2. Array.from在ie上面不兼容

3. IE 不兼容 display:grid属性

4. IE 不兼容 Object.assign

5. swiper轮播插件在ie中只能使用 swiper2.0


文章目录

  • 前言
  • 一、es6转换es5在线工具
  • 二、IE不兼容问题
    • 1.es6 forEach 转 es5 for 
    • 2.Array.from在ie上面不兼容
    • 3.IE 不兼容 display:grid属性
    • 4.IE 不兼容 Object.assign
    • 5.swiper轮播插件在IE中只能使用 swiper2.0

前言

ie 不兼容es6属性,不兼容promise,不兼容gird样式属性

一、es6转换es5在线工具

1.Babel,在线转换地址 
2.Traceur,Google公司出品,在线转换地址
3.es6console, 在线转换及运行

二、IE不兼容问题

1.es6 forEach 转 es5 for 

var array = ['a', 'b', 'c', 'e'];
array.forEach(a => {console.log(a);
});
for(var i = 0; i< array.length;i++) {console.log(array[i])
}

2. Array.from在ie上面不兼容

if(!Array.from) {Array.from = function (el) {return Array.apply(this, el)}
}

3. IE 不兼容 display:grid属性

4. IE 不兼容 Object.assign

if (typeof Object.assign != 'function') {

              Object.assign = function (target) {

                if (target == null) {

                    throw new TypeError('Cannot convert undefined or null to object');

                }

                target = Object(target);

                for (var index = 1; index < arguments.length; index++) {

                    var source = arguments[index];

                    if (source != null) {

                        for (var key in source) {

                            if (Object.prototype.hasOwnProperty.call(source, key)) {

                                target[key] = source[key];

                            }

                        }

                    }

                }

                return target;

              };

            }

5. swiper轮播插件在ie中只能使用 swiper2.0

https://2.swiper.com.cn/demo/index.html


http://www.ppmy.cn/news/689339.html

相关文章

Edge在IE模式下加载网页 - Edge设置IE兼容性

前言 Microsoft Edge简称Edge&#xff0c;Internet Explorer简称IE。 Edge浏览器的设置中&#xff0c;可以设置IE兼容性&#xff0c;即在IE模式下加载网页。这适用于各种需要IE浏览器支持的网页&#xff0c;例如&#xff0c;四六级报名网站、教师资格证报名网站、等等。 Edg…

matlab win10 gpu加速,win10的Edge浏览器设置GPU硬件加速,大幅度提升浏览器性能

不知道大家对于GPU硬件加速是否有了解&#xff0c;这是现在的浏览器必备的功能&#xff0c;开启后能大幅度提升浏览器的性能&#xff0c;给我们更加顺滑的浏览体验。GPU硬件加速能够利用GPU的图形性能&#xff0c;加速渲染网页中的图像信息。 如果我们开启了GPU硬件加速&#x…

android8.0调用系统浏览器,ie浏览器在线使用,ie浏览器8.0手机安卓版-

Ie浏览器是微软开发的浏览器&#xff0c;这种浏览器是目前最常见的兼容性最强的浏览器。 Ie浏览器也是世界上最早期出现的网络浏览器&#xff0c;主要是用于查资料和上网使用的。 过去的年代里没有太多的播放器和图片查看软件&#xff0c;人们都是使用ie浏览器打开图文和视频文…

低版本浏览器使用最新渲染模式以免IE不支持CSS3属性

1.让IE使用最新的渲染模式&#xff0c;告诉低版本浏览器使用最新渲染模式以免IE不支持CSS3属性 <meta http-equiv"X-UA-Compatible" content"IE-edge,chrome0">&#xff1b;2.设置屏幕自适应&#xff0c;网页不可缩放 <meta name"viewport…

[IE9] 如何开启IE9的GPU硬件加速

IE9 会自动检测你机器上GPU。 如果GPU存在&#xff0c;IE9会自动开启GPU硬件加速。所以你不用做任何设置。 如何判断IE9已经开启GPU硬件加速&#xff1a; 打开"Internet 选项"&#xff0c; 在“高级”标签页里面&#xff0c;可以看到 "加速的图形&#xff1a; 使…

全面edge浏览器体验优化

前言 使用Windows系统的朋友们肯定都多少会用到edge浏览器&#xff0c;但是你们都真的了解edge的实用功能吗&#xff0c;本文会介绍edge优秀好用的自带功能以及能极大程度提升使用体验的第三方插件&#xff0c;帮助你打造一个用着更加顺手方便的edge浏览器。 自带功能 1、re…

Win10系统Chrome浏览器启用独立显卡提升3D程序渲染性能

在Windows系统中为何你的浏览器卡顿&#xff1f;尤其是运行web端3D程序的时候卡顿&#xff0c;有可能没有开启硬件加速。没开启硬件加速&#xff0c;只能使用集成显卡或者模拟程序&#xff0c;就会卡顿、慢。而且会导致3D程序中一些细节的渲染效果会花掉&#xff0c;例如阴影、…

Windows 11 配置使用 Edge 浏览器的 IE 兼容模式(永久)

Windows 11 配置使用 Edge 浏览器的 IE 兼容模式&#xff08;永久&#xff09; 前言实现方法一、下载策略包二、解压策略包三、拷贝策略包到 PolicyDefinitions 下四、组策略编辑器五、生成并编辑 xml 文件compat-mode 定义的是哪个版本 IE 兼容模式&#xff0c;枚举如下open-i…