javascript - 扫描 Javascript 以获得浏览器兼容性

Question

有没有一种工具可以扫描我的 Javascript 代码，寻找可能并非所有浏览器都存在的功能？

我的库是完全非 UI 的，所以我不关心某些东西是如何“显示”的。我正在寻找的是 Mozilla 的 Javascript MDN 中的内容。例如，对于 Array.prototype.indexOf，他们警告说这是最近添加的 ECMAScript，并非在所有浏览器中都存在(通常会提供 stub )。我正在寻找的是一种工具，它可以列出我的代码中属于此类的函数。

Answer 1

您可以使用 eslint-plugin-compat , ESlint 的插件linting 实用程序。你甚至可以使用 Browserlist配置您要支持的浏览器。

安装非常简单。你必须安装 eslint 和这个插件:

npm install --save-dev eslint-plugin-compat

或

yarn add --dev eslint eslint-plugin-compat

并添加一个ESlint配置文件:

// .eslintrc
{
  "extends": ["plugin:compat/recommended"]
}

将支持的浏览器添加到您的 package.json 文件中:

// sample configuration (package.json)
{
  // ...
  "browserslist": ["last 2 Chrome versions", "IE 11"],
}

然后运行 ​​linter:

eslint yourfile.js

在我的例子中，这是输出:

92:9   error  Promise.all() is not supported in IE 11  compat/compat
94:9   error  Promise.all() is not supported in IE 11  compat/compat