代码之家 › 专栏 › 技术社区 › Luke Hammer

如果浏览器不支持ES6模板文本,则创建错误消息

internet-explorer-11 internet-explorer javascript

Luke Hammer · 技术社区 · 7 年前

我一直在javascript中使用字符串文字。如果不支持字符串文字,我希望显示错误消息。 caniuse

我的想法是创建一个函数,看看浏览器是否能正确解析插入字符串的字符串

    var supportsStringInterpulation = false;
try {
    var stringInsert = 'is a';
    var stringTestExpected = "this " + stringInsert + " test";
    var stringTestAccual = `this ${stringInsert} test`;
    supportsStringInterpolation  = stringTestAccual === stringTestExpected;
}
catch (err) { console.error("failed to render ` ")}

如果它是对的 什么都不做

如果错误,则浏览器不支持,然后创建并给出错误消息。

我现在的问题是,当我在IE 11中调试时,我的预期行为是,它将无法通过测试并发送 supportsStringInterpulation = false 进一步深入到我的代码,但它似乎中断并停止处理该脚本。

问题1

是否有方法将布尔值返回到问题“当前浏览器是否支持” ES6模板文本 ?

1 回复 | 直到 7 年前

T.J. Crowder 7 年前

对这是合法使用 eval :

var supportsTemplateLiterals = false;
try {
    eval("`foo`");
    supportsTemplateLiterals = true;
}
catch (e) {
}
console.log("Supports template literals? " + supportsTemplateLiterals);

这是因为主代码在ES2015之前的JavaScript引擎上解析,而 评估 不 ; 分析模板文本时受阻。

在Chrome、Firefox、Edge等浏览器上

Supports template literals? true

在IE(任何版本)上,它显示:

Supports template literals? false

推荐文章

Kathryn Crawford · ul元素上的伪元素在IE11中不起作用

7 年前

infodev · IE 11使用角度5的兼容性错误

7 年前

godblessstrawberry · 检测角度5中的IE11并抑制“属性不存在”警告

7 年前

Dinesh N.K · Internet Explorer 11-无法选中angular 5中的“输入类型”复选框

7 年前

Tomer · 简单css网格不适用于IE11

7 年前

Kim · 父框未仅在IE中包装

7 年前

curtybear · 在IE11上居中SVG文本,文本定位:中间和对齐基线:中间/中间

7 年前

Petrolea · SVG-圆圈标记在所有浏览器中的大小都不相同(IE11)

7 年前

CSharpDev · 使用javascript方法窗口打开编码URL时出错。使用Internet explorer打开()。

7 年前

Luke Hammer · 如果浏览器不支持ES6模板文本,则创建错误消息

7 年前