代码之家  ›  专栏  ›  技术社区  ›  User 5842

用咕噜声催促诺佩纳·诺菲勒

  •  0
  • User 5842  · 技术社区  · 7 年前

    create-react-app 注意到 <a> App.js 正在使用 noopener noreferrer <a> 不使用上述属性的标记。

    grunt-htmllint ,添加一个规则,该规则将强制添加这些属性,但在添加我认为应该添加的值时遇到问题 "tag-req-attr"

    列出了规则的文档 here ,但对我来说用法很混乱。如何设置指定的 <a> 要包含上述规则的标记?

    rel 属性同时包含 noopener and noreferrer 例如。:

    <a href="#" target="_blank" rel="noopener noreferrer">My Link</a>

    1 回复  |  直到 7 年前
        1
  •  0
  •   User 5842    7 年前

    根据, https://developers.google.com/web/tools/lighthouse/audits/noopener ,看起来像 noreferrer rel="noreferrer" attribute has the same effect, but also prevents the Referer header from being sent to the new page.

    在这种情况下,只需使用 link-req-noopener 规则应该足够了。

    推荐文章