【反爬】某网站雪碧图反爬

想要获取这里的库存值，查看审查元素，发现这里的数字不是文本，而是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，就改变了数字的显示

后面爬虫获取样式按照对应关系获取数字即可

【反爬】某网站雪碧图反爬相关推荐

python大佬教你爬虫反爬：破解雪碧图反爬
前言我们都知道,HTTP 协议即超文本传输协议,是 Web 应用的基础,HTTP 协议又是基于 TCP 协议的,而 TCP 连接的建立是需要时间和资源的.当网页加载时,会需要下载图片资源,如果有非常 ...
html网站雪碧图素材,webpack雪碧图实现（webpack管理小图标素材）
雪碧图也叫CSS精灵, 是一CSS图像合成技术,这里介绍webpack实现雪碧图这是我的文件目录: // 在上个实例项目上增加了icons文件夹: // dist/sprites/目录是后面执行we ...
glidedsky挑战-图片式反爬（雪碧图）
为了避免某某官方网站,本次记录同样也是 "glidedsky" 网站中的反爬虫题目,只要明白,其它网站理论都差不一样. 相关网站:http://glidedsky.com/leve ...
CSS 网站小图标雪碧图
https://www.jianshu.com/p/7482dde882af 网站开发90%会用到小图标, 多小图标调用显示是前端开发常见的问题:目前小图标显示常见有两种方式(其他方式欢迎补充):1. ...
猿人学题库十九题——css加密-雪碧图/数据干扰等——地毯式采坑学习
猿人学题库十四题--css加密-雪碧图/数据干扰等 1. 首先进入浏览器的开发者工具, 打开就是俩个无线debugg,正常的操作过掉 1. 找到 debugg 对应的行数,右击选择 neve ...
浏览器常用的图片优化雪碧图/实体字符/svg
雪碧图唯一的优点是减少请求数,HTTP/1.1下浏览器同时加载资源的数量是一定的,IE6个,chrome 6个,firefox 8个,而HTTP2 下是没有数量限制的雪碧图的制作方法:node 的一 ...
让字体图标代替雪碧图，减少请求带宽
一.什么是字体图标 icon font 及使用场景从百度百科一下什么事icon font,没有解析.那就用在使用过程的对字体图标的理解,解释一下. 字体图标就是利用字体来显示网页中的的纯色图标,或 ...
深入浅出CSS（二）：关于雪碧图、background-position与steps函数的三角恋情
[测试代码] HTML 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta cha ...
雪碧图PHP,Webpack中雪碧图插件使用详解
背景在开发过程中,我们需要用到很多图标,这些图标的大小不是很大,但是每次需要向服务器发送请求,从而加重服务器的负担,尤其是当网站处于高访问量的情况下或网络不稳定的时候,服务器性能会明显下降.这种情况 ...

【反爬】某网站雪碧图反爬

【反爬】某网站雪碧图反爬相关推荐

最新文章

热门文章