分享一个新的导致网页元素偏移的原因

问题背景：

通常，如果发现捕获元素时出现偏移，请先按照这个文档进行排查，确保所有设置都是正确的：元素捕获偏移 - 影刀帮助中心 (yingdao.com)

本文分享的是在上述设置都正确之后，仍然会发生偏移的情况。具体现象是：其他网页的元素不偏移，仅某个网站的元素发生偏移。

如，www.baidu.com捕获正常，不偏移：

中国理财网--理财产品 (chinawealth.com.cn)这个网站的元素却发生了偏移：

这时候排查思路就不再是按照上述文档进行排查了，而是合理怀疑是不是这个网站本身的原因。

解决思路：

进入开发人员工具，很容易可以看到右侧这里的zoom的值为1.3，这就是导致改网站捕获元素会偏移的罪魁祸首。

把zoom取消勾选后，可以发现网页的缩放比例被改变了，这时再进行元素捕获，已经不偏移了。

在影刀里怎么实现这个效果呢？其实只需要执行一句js代码即可：

function (element, input) {
    document.body.style.zoom = 1
return null;
}

执行后就可以尽情捕获元素啦！