[爬虫] 某网站雪碧图反爬
-
想要获取这里的库存值, 查看审查元素, 发现这里的数字不是文本, 而是css渲染出来的
- 随便点一个数字看看css样式呢
- 这里第一个数字1的样式, 发现是由图片偏移量得出的
- 查看一下这个svg
- 本地测试一下样式
<head>
<style>
font[class^="a"]{
background: url("https://xxxx/dist/res/home/images/number/aff.svg") 20px -6px no-repeat;
padding: 1px 4px;
/* background: url(../../images/number/aff.svg) ; */
overflow: hidden;
position: relative;
top: -2px;
}
.asfgderfd {
background-position: -60px -6px!important;
}
</style>
</head>
<body>
<font class="asfgderfd"></font>
</body>
- 这里background-position 的位置决定了 网页上显示啥数字, 经过测试正好在水平方向上偏移10, 就改变了数字的显示
后面爬虫获取样式 按照对应关系获取数字即可
