← Back to rules

react/iframe-missing-sandbox Suspicious

🚧 An auto-fix is planned for this rule, but not implemented at this time.

作用

强制 iframe 元素使用 sandbox 属性。

为什么这很糟糕？

sandbox 属性为 iframe 中的内容启用一组额外的限制。使用 sandbox 属性被认为是一种良好的安全实践。要了解更多关于沙箱化的信息，请参阅 MDN 关于 sandbox 属性的文档。

此规则会检查所有 React <iframe> 元素，并验证是否存在 sandbox 属性以及其值是否有效。除此之外，它还会报告属性同时包含 allow-scripts 和 allow-same-origin 的情况，因为这种组合允许嵌入的文档移除 sandbox 属性并绕过限制。

示例

以下是此规则的错误代码示例：

<iframe />;
<iframe sandbox="invalid-value" />;
<iframe sandbox="allow-same-origin allow-scripts" />;

以下是此规则的正确代码示例：

<iframe sandbox="" />;
<iframe sandbox="allow-origin" />;

How to Use

To enable this rule using the config file or in the CLI, you can use:

Config (.oxlintrc.json)

{
  "plugins": ["react"],
  "rules": {
    "react/iframe-missing-sandbox": "error"
  }
}

Config (oxlint.config.ts)

import { defineConfig } from "oxlint";

export default defineConfig({
  plugins: ["react"],
  rules: {
    "react/iframe-missing-sandbox": "error",
  },
});

CLI

oxlint --deny react/iframe-missing-sandbox --react-plugin

版本

此规则已在 v0.10.0 中添加。

参考资料

• Rule Source
• Upstream rule docs
• Open rule in Oxc Playground