字体反爬

字体反爬

点点

2021-03-29 09:04 阅读 443 喜欢 0

例如我们定义一个字体<1> 但是对应的svg显示为<5> ,那么肉眼看到的是5 ,通过源码或抓取得到的确是1。 之前的时候是通过一个字体文件,现在慢慢演变为动态字体,每次看到的都不同,所以现在我们需要对字体进行解析,得到最终的数据。

反爬

http://glidedsky.com/level/crawler-font-puzzle-1 ,关于字体反爬的一个课题。

目标地址

根据给予的地址,可以看到不同的源码与数字,那么我们可以通过控制台找到这种字体,通过页面中的base64来指定的字体文件。 先将base64 转为 ttf 文件

代码或工具都可以: https://www.motobit.com/util/base64-decoder-encoder.asp 工具转换。

代码转换(nodejs):

const base64str = xxxx由于太长,此处不写了;//data:font;charset=utf-8;base64, 之后的内容,不要逗号 const fs = require('fs'); fs.writeFileSync('./demo.ttf',Buffer.from(base64str,'base64')); 通过fontcreator软件打开后可以看到,字体展示与unicode标注的都是不同的。

现在,我还没找到除了ocr识别外的更好的办法,之前看文档有说可以从ttf中拿到映射关系的,不过没处理出来..能力有限。而且,这个我也没有使用ocr,直接使用了一个下标判断。

将ttf解析为xml ,并转为对象,然后获取下标,得到映射

const font = require('font-carrier'); const xml2json = require('xml2json');

//加载字体 let transFont = font.transfer('./demo.ttf'); let str = transFont.toString(); let json = xml2json.toJson(str); let obj = JSON.parse(json); let fonts = obj.svg.defs.font.glyph; let map = {}; //就目前来看,还没找到对应的映射关系,比较理想的是,根据下标,除去第一个,从0开始。 fonts.forEach((t, i) => { if (i>0) { let code = t.unicode;//4 let index = i - 1;//0 //对应的意思就是:给浏览器一个字符串4 ,显示出来是 0 。 map[code] = index; } }) console.log(map); 剩下的就是一页一页的抓取,然后获取ttf并解析,最终进行匹配了..

转载请注明出处: http://sdxlp.cn/article/zitifanpa.html


如果对你有用的话,请赏给作者一个馒头吧 ...或帮点下页面底部的广告,感谢!!

赞赏支持
提交评论
评论信息(请文明评论)
暂无评论,快来快来写想法...
推荐
智能手机发展到现在,给我们带来了很多的便利,家里的老人小孩外出不放心,想随时知道TA的位置;或对情侣外出的位置有怀疑?现在小编就教小伙伴们如何在通过手机实时知道对方的位置。原理就是在对方手机装一个app,然后通过手机定位平台实现手机定位!
小红书是现在非常流行的一款生活、社交软件,有些小伙伴不知道如何将小红书中的笔记设为置顶,接下来小编就给小伙伴们介绍一下具体的操作步骤。
自从有了微信后,QQ好像落寂了不少,不过玩游戏的小伙伴好像还是很多使用的,QQ不经常用的情况下,换手机或者需要传输大文件的时候,发现密码忘了,手机号也换了不能用了该怎么解决呢?
我们很多小伙伴们经常使用的手机微信,对手机微信里面的内容和功能了解的都是非常到位的。比如我们想要在手机里查看微信里面的聊天记录,分分钟就可以将其翻出来,但是电脑版微信的操作步骤和手机微信就不相同了,如果我们想在电脑微信上查看聊天记录应该怎么操作呢?
小伙伴们在玩华为手机过程中,手机拍照、截图、聊天等都会产生数据文件占用手机内存,当手机空间不足时就会影响小伙伴们的使用体验,那怎么清理华为手机内存空间呢?
iphone12如何设置指纹解锁?在购买到iPhone 12系列手机时,想要设置锁屏密码保护手机安全,该怎么设置指纹解锁呢,iPhone12如何设置指纹解锁,iPhone12怎么指纹解锁,下面就和小伙伴一起来看看吧!
几个月前朋友发的图片,现在打开的时候,显示图片已过期,这个时候不要着急,跟点点来看看吧,教你一键恢复。
一年一次的五福活动又上线啦!呵呵,是不是很多小伙伴们都集齐啦!今年的有点特别哟!支付宝集五福活动中,可以使用我们多余的福卡去抽奖或者是兑换支付宝中的活动商品,其中就有好看点五福口罩,很多小伙伴们都想要知道支付宝五福口罩怎么兑换,下面就让点点给小伙伴们介绍一下兑换教程。