三国杀网页图片下载

三国杀网页图片下载

需求

前几天逛贴吧,有人在问三国杀官网上方鱼鳃大姐姐的高清大图如何下载,lsp了。
在这里插入图片描述

方法

最直接想到的方法是用chrome浏览器直接右键下载的,但是无奈没有“图片另存为”的选项。
所以F12查看网页源代码,点击上方的图片也没在源码里出现明显的下载链接,估计是官方想要保护一下。
但是耐心一点还是能找到的:
在这里插入图片描述
可以看到下载地址为:

https://www.sanguosha.com/static/pc/dist/img/bg26.jpg?v=20200803

这样就可以下载高清大图了。

在这里插入图片描述
之后,进入了不同的子网页,发现子网页也有类似的图片,想通过一样的方法看到上方图片的下载链接,但是却找不到了,就很尴尬。
比如在以下网址有王阿姨的图片,

https://www.sanguosha.com/Home/newsList/id/1000

但是不能用上面的方法得到图片你的下载链接。
又研究了一下,用xpath:

//link[@rel="stylesheet"]/@href

提取到一个链接:

https://www.sanguosha.com/static/pc/dist/css/pages/index-5b17dffacf.css?v=1

打开该链接,好像是个css文件(我也不懂啥是css,总之是个文本文件)
凭借着lsp的直觉,发现了这么几行:

.bg1{ background: url('../../img/bg1.jpg?1650e5c4a0c') center top no-repeat;}
.bg2{ background: url('../../img/bg2.jpg?1650e60680f') center top no-repeat;}
.bg3{ background: url('../../img/bg3.jpg?165c7ee7129') center top no-repeat;}
.bg4{ background: url('../../img/bg4.jpg?1650e61e96e') center top no-repeat;}
.bg5{ background: url('../../img/bg5.jpg?1650e63a1f0') center top no-repeat;}

一看和之前主页面上图片的地址格式很类似,就是url没有前缀,好在通过之前的分析,我们已经知道了图片的前缀为:

https://www.sanguosha.com/static/pc/dist

又由xpath:

/html/body/div/@class

得到:

wrap bg3

所以可以猜测王阿姨图片的下载地址就是:

https://www.sanguosha.com/static/pc/dist/img/bg3.jpg?165c7ee7129

试了一下,果然是。
在这里插入图片描述
其实通过以上尝试,三国杀官网正上方的图片下载地址为:

https://www.sanguosha.com/static/pc/dist/img/bg(n).jpg

其中(n)为正整数,其中有些正整数没有对应的图片。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值