【反爬】某网站雪碧图反爬
生活随笔
收集整理的這篇文章主要介紹了
【反爬】某网站雪碧图反爬
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
- 想要獲取這里的庫存值，查看審查元素，發現這里的數字不是文本，而是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 “精灵图“
- 下一篇： 反爬终极方案总结---字体反爬