手把手教你利用前端字型檔案(.ttf)混淆數字來阻止爬蟲爬取網站資料
阿新 • • 發佈:2018-12-04
先上一張效果圖
假如 正確的數字是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>
最後的效果圖
是不是很簡單呢 這樣再爬資料就要花費一番周折了 嘿嘿