IE11 兼容 ES6

今天做H5游戏，遇到两个IE11兼容的问题，解决方法如下：

问题1：做到自定义字体兼容的时候，发现报错了

@font-face是CSS3新规则，针对IE惯例不是很友好，IE9+仅支持.eot的格式，这就需要我们来转换一下字体格式了，我用的是

字体转换这个网站很不错，

将转换好的.eot文件下载解压到项目的font目录中，和你的.ttf字体文件放在一起，

在font.css文件中引入

在需要的页面引入该字体文件后，就可以正常显示咱们自定义的字体了

问题2：IE11 不兼容 ES6，报SCRIPT1002: 语法错误

一、使浏览器兼容ES6基本语法

在引入其他脚本前先引入browser.min.js。
script标签的type的值设为text/babel。

<!DOCTYPE html>
<html lang="ch">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title>
</head>
<body><script type="text/javascript" src="./babel/browser.min.js"></script><script type="text/babel">const list = ['one','two','three']; list.forEach( (item,index) => { alert(item + (index+1)); });</script>
</body>
</html>

这里我们就可以流畅的使用ES6语法了。

二、使IE浏览器兼容ES6（Promise 等语法）

Babel 默认只转换新的 JavaScript 句法，而不转换新的 API ，比如 Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全局对象，以及一些定义在全局对象上的方法（比如 Object.assign）都不会转码。为了解决这个问题，我们使用一种叫做 Polyfill（代码填充，也可译作兼容性补丁）的技术。
在页面引入browser-polyfill脚本：
<script type="text/javascript" src="./babel/browser-polyfill.min.js"></script>

脚本下载地址：https://download.csdn.net/download/liwang2016384/15648603

IE11 兼容 ES6相关推荐

Babel+vscode实现APICloud开发中兼容ES6及以上代码
本文出自APICloud官方论坛, 感谢论坛版主 penghuoyan 的分享. 使用APICloud开发时,考虑到兼容问题一直使用ES5开发,时间越久感觉越落后,整理了一个兼容ES6的开发环境, ...
第四节：教你如何快速让浏览器兼容ES6特性
写在正文前,本来这一节的内容应该放在第二节更合适,因为当时就有同学问ES6的兼容性如何,如何在浏览器兼容ES6的特性,这节前端君会介绍一个抱砖引玉的操作案例. 为什么ES6会有兼容性问题? 由于广大用 ...
让IE9及以上兼容es6，Promise, 及es7的async await
在完成下面A和B两步后,页面内嵌JS或者引入自己外部JS,script标签的type属性需要设置为text/babel <!DOCTYPE html> <html><he ...
如何解决IE11不兼容ES6的模板字符串
IE浏览器再词法分析阶段如果遇到ES6的模板字符串,就会抛出错误,导致程序无法正常运行. 这时候需要将ES6的模板字符串改写为普通的单引号或者是双引号来代替,如果只有多行字符串,就需要在换行处使用加号 ...
ie input兼容 vue_Vue项目与IE11兼容
Vue不支持IE8及以下版本,因为Vue使用了IE8无法仿真的ECMAScript 5功能. 但是对于IE9 +,仅支持Vue的底层. 在开发过程中,我们经常使用一些第三方插件或组件. 对于这些组件, ...
X-UA-Compatible也无法解决的IE11兼容问题
3月8日接到一位用户的电话,说写博客时编辑器显示不出来.浏览器用的是披着360外衣的IE11,编辑器用的是CuteEditor. 当时电脑上没安装IE11,用IE10测试正常,心想应该是一个手到擒来的 ...
ie11兼容问题汇总及解决方案
最近的项目涉及ie11的兼容,简直是各种奇葩问题扑面而来.为了加强记忆或者给其他小伙伴福利,赶紧汇总记录了下来: 1.样式问题:部分属性iE不兼容,例: a. white-space: no ...
IE11兼容IE8的设置
我们在使用ie11浏览器的时候,有些网站的兼容性不是太好,这个时候就要设置下ie11的兼容性了.那么ie11浏览器怎么设置兼容IE8呢?下面就让小编给大家介绍一下吧. 首先我们打开电脑里面的ie11浏 ...
强制IE11 兼容模式浏览网页
问题:新安装的server 2012 r2系统,IE11打不开之前开发的很多网站. 解决:设置 →兼容性视图设置→添加网站然后访问网站就自动适应兼容模式了.
vue 解决ie11兼容问题
一.ie11打开vue2.0项目空白,控制台报错 vuex requires a Promise polyfill in this browser Promise为ES6语法,有的浏览器不支持ES6, ...

IE11 兼容 ES6

问题1：做到自定义字体兼容的时候，发现报错了

问题2：IE11 不兼容 ES6，报SCRIPT1002: 语法错误

IE11 兼容 ES6相关推荐

最新文章

热门文章