字体反爬

字体反爬

点点

2021-03-29 09:04 阅读 457 喜欢 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


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

赞赏支持
提交评论
评论信息(请文明评论)
暂无评论,快来快来写想法...
推荐
智能手机有很多的牌子,今天给小伙伴们介绍一下华为手机中的云照片怎么删除的具体操作步骤。
日常生活中会用到通讯工具,常用的就是QQ,微信,钉钉。有时候想要保存一些微信聊天记录,要如何才能永久储存呢?办法有很多,这个方法是最省钱省事保存最久的,可以将它们导入到word中,下面是具体办法,小编带小伙伴走一遭!
很多使用Mac苹果电脑的小伙伴们,发现电脑中的照片太多了,因此想要清除不想要的照片,但是却不知道如何清除,那么小编就来为小伙伴们介绍一下吧。
我看到了一个问题很多朋友都在议论这个qq和微信哪个更好用?我从存储方面进行啦个人的理解,有不对的地方请朋友们给个回复,会及时改正。
智能手机是我们常用的生活必备品,在苹果手机中微信视频通话是一个常用的功能,不过一般的视频是用的原相机,那么如何在苹果手机使用微信视频通话过程中开启视频效果呢?这里为小伙伴们带来分享,看一下有关的设置教程。
今天主讲电脑版QQ音乐,给生活带来了极大的便利和乐趣,深受小伙伴们欢迎,有的小伙伴们想知道如何将电脑版QQ音乐的歌曲音乐下载到U盘里,小编为大小伙伴们解惑。
微信是我们常用的聊天社交应用,同时很多小伙伴办公时也会选择使用微信来传输文件,那我们使用手机微信下载的文件在哪个位置呢,下载的文件在哪里,下面就和点点一起来看看吧!
现如今电脑手机太过普遍,很多小伙伴们都是需要隐私的,有可能是重要的要常使用,相信小伙伴们都知道都知道微软系统为了安全考虑会隐藏一些文件和文件夹,以防止误删,有些时候咱们也可以为了隐藏一些私密数据采取隐藏的方式,需要藏哪个就要先学会怎样查看啦!那么Win10正式版怎么显示隐藏文件/文件夹,下面点点就给小伙伴们带来win10显示隐藏文件/文件夹方法。