标签

关于a标签target=“_blank"使用rel=noopener

一、为什么要使用rel='noopener'？

举个栗子

    
    
    
    


    da

其中在a.html中有个超链接，点击后打开新的tab页，神奇的发现原tab页已经变成了谷歌页面。原因是使用target=_blank打开新的窗口时，赋予了新的窗口一些权限可以操作原tab页，其中window.location就是一个。不使用 rel=noopener就是让用户暴露在钓鱼攻击上。下图为页面的window信息

二、使用rel=noopener

为了防止window.opener被滥用，在使用targrt=_blank时需要加上rel=noopener

三、rel=norefferrer

rel=noopener支持chrome49和opera36，不支持火狐，为了兼容需要加上rel=noreferrer

四、eslint提示

vscode中eslint提示

eslint提示后根据文档实际尝试了一下，之前忽略的小问题居然还有这么大安全问题，网络安全不可小觑。