[爬虫] 某网站雪碧图反爬

最新推荐文章于 2023-08-15 14:57:08 发布

赤いはた

最新推荐文章于 2023-08-15 14:57:08 发布

阅读量529

点赞数 1

分类专栏：爬虫

本文链接：https://blog.csdn.net/lavoz/article/details/103473636

版权

爬虫专栏收录该内容

1 篇文章 0 订阅

订阅专栏

在这里插入图片描述

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

后面爬虫获取样式按照对应关系获取数字即可
在这里插入图片描述

以上~

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

赤いはた

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
[爬虫] 某网站雪碧图反爬

想要获取这里的库存值, 查看审查元素, 发现这里的数字不是文本, 而是css渲染出来的随便点一个数字看看css样式呢这里第一个数字1的样式, 发现是由图片偏移量得出的查看一下这个svg本地测试一下样式<head> <style> font[class^="a"]{ background: url...
复制链接

扫一扫