sonar, a linting tool for the web に、a
タグにrel="noopener"
がdisown-opener
と
これと
前提
Chrome と、
Chrome の
Version
62.0.3202.75
Sonar の
Version % sonar -v v0.14.1
rel=”noopener” を 使用して 外部アンカーを 開くのが、 推奨される 理由
以下、
Sonar の disown-opener と、 Chrome Audits の 挙動の 違い
以下の
<a data-category="sns_profile" href="https://github.com/kemsakurai" title="Author’s github"><span class="fa-stack fa-lg"><i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-github fa-stack-1x fa-inverse"></i></span></a>
逆に以下の
<a data-ga-event-action="click" data-ga-event-category="sns" data-ga-event-label="twitter" href="https://twitter.com/intent/tweet?url=http%3A//bit.ly/2hxg8IZ&text=aXe%20Chrome%20plugin%20%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6%E3%81%BF%E3%82%8B" target="_blank">Twitter</a>
日本語のrel="noopener"
を
ただ、
どのように 直したか?
それぞれのrel="noopener noreferrer"
を
理由は、target="_blank"
が
理由が わかった
現在、
Mobile 側の
Mobile テンプレート側にrel="noopener noreferrer"
を
ですので、sonar は<wbr> ユーザーエージェントを<wbr>切り替える<wbr>チェックを<wbr>行わないが、<wbr>lighthouse は<wbr>ユーザーエージェントを<wbr>切り替えて<wbr>チェックを<wbr>する
と
以上です。
コメント