溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了JS注入eval, Function系統函數并截獲動態代碼,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
正文
現在很多網站都上了各種前端反爬手段，無論手段如何，最重要的是要把包含反爬手段的前端javascript代碼加密隱藏起來，然后在運行時實時解密動態執行。
動態執行js代碼無非兩種方法，即eval和Function。那么，不管網站加密代碼寫的多牛，我們只要將這兩個方法hook住，即可獲取到解密后的可執行js代碼。
注意，有些網站會檢測eval和Function這兩個方法是否原生，因此需要一些小花招來忽悠過去。
掛鉤代碼
首先是eval的掛鉤代碼：
(function() {
if (window.__cr_eval) return
window.__cr_eval = window.eval
var myeval = function (src) {
console.log("================ eval begin: length=" + src.length + ",caller=" + (myeval.caller && myeval.caller.name) + " ===============")
console.log(src);
console.log("================ eval end ================")
return window.__cr_eval(src)
}
var _myeval = myeval.bind(null) // 注意：這句和下一句就是小花招本招了！
_myeval.toString = window.__cr_eval.toString
Object.defineProperty(window, 'eval', { value: _myeval })
console.log(">>>>>>>>>>>>>> eval injected: " + document.location + " <<<<<<<<<<<<<<<<<<<")
})();
這段代碼執行后，之后所有的eval操作都會在控制臺打印輸出將要執行的js源碼。
同理可以寫出Function的掛鉤代碼：
(function() {
if (window.__cr_fun) return
window.__cr_fun = window.Function
var myfun = function () {
var args = Array.prototype.slice.call(arguments, 0, -1).join(","), src = arguments[arguments.length - 1]
console.log("================ Function begin: args=" + args + ", length=" + src.length + ",caller=" + (myfun.caller && myfun.caller.name) + " ===============")
console.log(src);
console.log("================ Function end ================")
return window.__cr_fun.apply(this, arguments)
}
myfun.toString = function() { return window.__cr_fun + "" } // 小花招
Object.defineProperty(window, 'Function', { value: myfun })
console.log(">>>>>>>>>>>>>> Function injected: " + document.location + " <<<<<<<<<<<<<<<<<<<")
})();
注意：和eval不同，Function是個有變長參數的構造方法，需要處理this
另外，有些網站還會用類似的機制加密頁面內容，然后通過document.write輸出動態解密的內容，因此同樣可以掛鉤document.write，掛鉤方法類似eval，這里就不重復了。
注入方式
另外，還有個問題需要關注，就是掛鉤代碼的注入方法。
最簡單的就是F12調出控制臺，直接執行上面的代碼，但這樣只能hook住執行之后的eval調用，如果希望從頁面剛加載時就注入，那么可以用以下幾種方式：
不少人沒用過代理規則，這里寫一下Fiddler和anyproxy的規則編寫方法:
1. 如何添加Fiddler代理規則
Fiddler菜單里Rules > Customize Rules 打開腳本編輯器
在腳本編輯器里找OnBeforeResponse方法，方法內添加下面C#代碼：
if (oSession.oResponse.headers.ExistsAndContains("Content-Type", "html")){
oSession.utilDecodeResponse(); // Remove any compression or chunking
var b = System.Text.Encoding.UTF8.GetString(oSession.responseBodyBytes);
var r = /<head[^>]*>/i;
var js = "..."; // 要注入的js源碼，見正文
b = b.replace(r, "$0<script>" + js + "</script>");
oSession.utilSetResponseBody(b); // Set the response body back
}
這樣就會在所有html文檔頭部自動添加js代碼了
2. 如何添加anyproxy代理規則
編輯一個rule.js保存在anyproxy根目錄下，內容如下：
function injectEval() {
if (window.__cr_eval) return
... // 見正文，此處略
console.log(">>>>>>>>>>>>>> eval injected: " + document.location + " <<<<<<<<<<<<<<<<<<<")
}
module.exports = {
summary: 'a rule to hook all eval',
*beforeSendResponse(requestDetail, {response}) {
if (response.header["Content-Type"].indexOf("text/html") >= 0) {
response.body = (response.body + "").replace(/<head[^>]*>/i, `$&<script>(${injectEval})();</script>`)
return {response}
}
},
};
帶規則啟動anyproxy
anyproxy -r rule.js
可以看到，使用基于js的工具鏈有其天然優勢，即注入代碼可以以源碼而不是字符串形式和規則代碼共存，這樣可以利用到IDE的語法檢查、自動完成等機制，能夠大大提高生產力。
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
