【反爬】某网站雪碧图反爬
生活随笔
收集整理的这篇文章主要介绍了
【反爬】某网站雪碧图反爬
小编觉得挺不错的,现在分享给大家,帮大家做个参考.
- 想要获取这里的库存值，查看审查元素，发现这里的数字不是文本，而是css渲染出来的
1.随便点一个数字看看css样式呢
2.这里第一个数字1的样式，发现是由图片偏移量得出的
3.查看一下这个svg
4.本地测试一下样式
<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>5.这里background-position的位置决定了 网页上显示啥数字，经过测试正好在水平方向上偏移10，就改变了数字的显示
后面爬虫获取样式 按照对应关系获取数字即可
总结
以上是生活随笔为你收集整理的【反爬】某网站雪碧图反爬的全部内容，希望文章能够帮你解决所遇到的问题。
- 上一篇： CSS Sprite “精灵图“
- 下一篇： 反爬终极方案总结---字体反爬