小编ces*_*afa的帖子

简介：browserslist是一个配置，用于让其他开发人员、包、插件等了解您的项目支持哪些浏览器。这是通过查询来完成的，并且有一种方法可以将这些查询拆分到不同的环境中。

{
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  },
}

假设我使用开发配置支持的 JavaScript 函数，但生产配置不支持该函数。

我的问题是：如果我发现生产配置中可能存在在开发早期未检测到的错误，那么在生产和开发之间分割配置有什么意义呢？（是因为它可以加快编译时间还是有一些类似的优势？）

有没有办法检测何时在 javascript/jQuery 中加载 iframe？具备以下条件：

• 我无法控制 iframe。它是由另一个 javascript 插件添加的。
• 它指向另一个域（所以我想我不能使用相同域的解决方案）。
• 我不知道 iframe 加载的那一刻。我只是可以设置一个时间间隔并每次检查是否有 iframe 并尝试调用他的 load 事件（因此 iframe 被动态添加到 DOM）

我已经在其他问题中读到了这一点，但它们要么不完整，要么不假设这三个条件。

提前致谢。

对@Jaromanda X 的回答的补充：我需要在这个答案中添加一个选项来observer.observe(document.body, { childList: true });实现这个：observer.observe(document.body, { childList: true, subtree: true });。该子树的选择工作也为目标（这种情况下document.body的）的所有后代。