1. 程式人生 > >手把手教你利用前端字型檔案(.ttf)混淆數字來阻止爬蟲爬取網站資料

手把手教你利用前端字型檔案(.ttf)混淆數字來阻止爬蟲爬取網站資料

先上一張效果圖
假如 正確的數字是321456
這時候使用者看到的就是對的
而爬蟲在抓取資料的時候
抓到得是123456
混淆了數字

這裡寫圖片描述

怎麼實現呢?

工具:
1、FontCreator (中文漢化破解版) 當然英語好或者土豪的可以無視
2、做好的字型圖片

步驟
1、開啟FontCreatorhanhua
2、檔案-新建-填好後-確定
這裡寫圖片描述
字型家族名稱就是你的字型檔名稱 別的你看著設定啊
3、然後就會來到這個頁面 每個格子就是對應的字元
這裡寫圖片描述
其實這裡的一和三我已經換過位置了
現在是 one — 3 three — 1
4、如果想調整 和更換字型圖片 雙擊這裡調整更換
這裡寫圖片描述

5、一切就緒點選儲存
這裡寫圖片描述

字型檔案就生成了

6、 在你的css中引用字型 這裡可以多弄幾套這種圖示字型 和後端配合後每次使用哪套字型 按照一定規則返回

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            @font-face{
                font-family
: 'xinxi'
; /* 字型的名稱 用法看下面font-family*/ src : url('fonts/資訊.ttf');/*這裡是字型檔案的相對路徑*/ }
body{ font-family: xinxi, "黑體"; /*應用這個字型*/ }
</style> </head> <body> <p>123456</p> <p>哈哈哈</p
>
</body> </html>

最後的效果圖
這裡寫圖片描述

是不是很簡單呢 這樣再爬資料就要花費一番周折了 嘿嘿