1.添加兼容文件(以 es5-shim 為例)

?

方法一：

<script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.5.7/es5-shim.min.js"></script>

　　

在你的開發中，在需要為他做兼容的文件引入改文件

?

方法二(以模塊引入)：

在你開發項目中(react/vue/ng)等模塊開發，在入口文件中引入

require(es5-shim)

　　

?

2.常見的兼容文件

es5-shim　　　　　　　　　　　　可以讓一些低級瀏覽器支持最新ecmascript5的一些屬性

?

es5-shim/es5-sham　　　　　　 ?可以讓一些低級瀏覽器支持最新ecmascript5的一些屬性

?

console-polyfill　　　　　　　　　 使低級瀏覽器支持console函數

?

es6-promise　　　　　　　　　　 讓不支持promise的瀏覽器支持es6的promise

?

fetch-ie8　　　　　　　　　　　　讓ie8支持fetch

?

core-js　　　　　　　　　　　　　兼容es6的Object.assign ?函數

?

html5shiv ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?兼容IE8 ?的html5標簽

?

fixpng ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??讓所有PNG 支持透明

?

?

//錯誤信息 Exception thrown and not caught //export * from 'xxx' 編譯成了 Object.defineProperty， 而 IE8 中不支持 accessor property //require('es5-shim') require('es5-shim/es5-sham')//fetch //需要引入 es6-promise fetch-ie8//Promise //需要引入 es6-promise//Object.assign //需要引入 core-js

　　

個人博客 ：很多好用的 npm 包 ， 可以看看??https://gilea.cn/　

?

總結

以上是生活随笔為你收集整理的一篇关于兼容问题的基础总结的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。