NO.009-拼多多安全验证—关于#shadow-root(closed)如何设置成open状态——By.杭州组

作者：乔非

关键词：拼多多安全验证，shadow-root

一、背景

在拼多多滑块验证的时候，会出现滑块中的元素无法捕获，导致无法使用影刀的一些滑块验证指令无法使用。影刀捕获元素只能捕获到外围的div元素，里面的图片背景、滑块、滑动条等元素捕获不了。

我们打开网页源码查看一下，发现元素下方有个#shadow-root(clsoed)。因为这个shadow-root,导致无法捕获到里面的元素，xpath也不行。

但是好消息是影刀5.10版本可以增加shaow-root节点的支持，但前提是open的状态。所以我们可以先考虑如何将#shadow-root(closed)变成#shadow-root(open)

二、解决方案：

谷歌下载插件:Tampermonkey

2.打开插件，点击添加脚本

3.写入脚本代码

代码：

 Element.prototype._attachShadow = Element.prototype.attachShadow

    Element.prototype.attachShadow = function () {

        return this._attachShadow({mode:'open'})

}

3.点击设置，添加需要调整的网址

也可用匹配的方式来匹配符合条件的网址如：*//yangkeduo.com/*

4.刷新原网页，查看一下

此时#shadow-root(closed)变成#shadow-root(open)了

5.用影刀5.10版捕获，就可以捕获到啦

6.使用影刀滑动拼图验证指令，捕获对应元素，运行即可