在 Web 開發(fā)的早期旅程中，您學到的最有趣的事情之一就是如何通過簡單地從開發(fā)人員工具頁面復制源代碼來復制網站。許多開發(fā)人員發(fā)現(xiàn)這很有幫助，但構建這些網站的開發(fā)人員和網站所有者的情況并非如此。

這些網站所有者通常對其客戶端（HTML、CSS 和 JavaScript）代碼被盜感到恐懼和焦慮。這讓他們只有一個選擇：尋找解決方案來阻止未經授權的復制或濫用其源代碼。

滿足這些網站所有者需求的一個解決方案是一種稱為 JavaScript 混淆的技術。簡單來說，JavaScript 混淆是將人類可讀的 JavaScript 代碼轉換為人類難以理解的復雜格式的行為。

正如硬幣有兩面，JavaScript 混淆 也有其對應的 JavaScript 反混淆。從它的名字就可以看出，這是一種與 JavaScript 混淆相反的行為，從而將已經混淆的 JavaScript 代碼轉換為人類可讀的格式。

注意：在大多數情況下，JavaScript 反混淆不會將混淆后的代碼恢復為原始形式，盡管有時您會得到原始形式?？梢钥隙ǖ卣f，JavaScript 反混淆并不是向您承諾原始的 JavaScript 代碼，而是您可以閱讀和理解的代碼。

JavaScript反混淆與混淆實戰(zhàn)講解

通過練習我們可以學得更好，所以讓我們探索本指南介紹部分中所有理論解釋的實踐方面。

要測試這些技術，您需要 JavaScript 代碼。話雖如此，讓我們創(chuàng)建一個簡單的 JavaScript 代碼，定義一個變量并根據 for 循環(huán)運行的次數輸出一個字符串。

const no_loop_cycle = 5

for (let i = 0; i < no_loop_cycle; i++) {
    console.log("String ", i)
}

現(xiàn)在您已經有了用于測試的 JavaScript 代碼，請使用 JavaScript Obfuscator Tool，這是一個用于混淆 JavaScript 代碼的免費工具。

將示例 JavaScript 代碼粘貼到工具中，然后單擊“混淆”按鈕。

以下是您將得到的輸出：

function _0xb78f(_0x2224cc,_0x217706){const _0x44095f=_0x4409();return _0xb78f=function(_0xb78f5c,_0x2ff516){_0xb78f5c=_0xb78f5c-0xd3;let _0x60ee28=_0x44095f[_0xb78f5c];return _0x60ee28;},_0xb78f(_0x2224cc,_0x217706);}const _0x5f75f2=_0xb78f;(function(_0x2c5162,_0x14873c){const _0x4e4ef7=_0xb78f,_0x5a8a62=_0x2c5162();while(!![]){try{const _0x1b7f08=parseInt(_0x4e4ef7(0xdb))/0x1*(-parseInt(_0x4e4ef7(0xdc))/0x2)+parseInt(_0x4e4ef7(0xdd))/0x3+-parseInt(_0x4e4ef7(0xd9))/0x4*(parseInt(_0x4e4ef7(0xd4))/0x5)+-parseInt(_0x4e4ef7(0xde))/0x6+parseInt(_0x4e4ef7(0xd6))/0x7*(-parseInt(_0x4e4ef7(0xd3))/0x8)+parseInt(_0x4e4ef7(0xd5))/0x9+parseInt(_0x4e4ef7(0xd7))/0xa;if(_0x1b7f08===_0x14873c)break;else _0x5a8a62['push'](_0x5a8a62['shift']());}catch(_0x153236){_0x5a8a62['push'](_0x5a8a62['shift']());}}}(_0x4409,0x71eba));const no_loop_cycle=0x5;for(let i=0x0;i<no_loop_cycle;i++){console[_0x5f75f2(0xda)](_0x5f75f2(0xd8),i);}function _0x4409(){const _0x5189f4=['2031897OhIMeN','15423690UOVACr','String\x20','1326068tySTtA','log','1CErZVM','245842QiNqEk','1819539wUQmJB','4133556arqvkn','16ZAFmnL','10OzrKck','3358431pZHaXs'];_0x4409=function(){return _0x5189f4;};return _0x4409();}

將此混淆的代碼粘貼到代碼編輯器中并運行它以驗證其準確性。您會看到它提供與原始代碼相同的輸出。

既然您已經了解了 JavaScript 混淆的實際情況，那么嘗試 JavaScript 反混淆也會同樣令人愉快。復制上面的混淆代碼并將其粘貼到這個免費的反混淆工具中。

使用該反混淆器工具將為您提供以下代碼：

const no_loop_cycle = 5

for (let i = 0; i < no_loop_cycle; i++) {
    console.log("String ", i)
}

反混淆后返回的代碼與原始 JavaScript 代碼類似，但略有不同。這證實了您通常不會獲得實際的 JavaScript 代碼，而是獲得您可以理解的可讀格式的代碼。

為什么 JavaScript 反混淆很重要？

大多數網站嚴重依賴嵌入技術來阻止未經授權的用戶，主要是在 JavaScript 代碼中，因為它負責基本的用戶交互（大多數需要您與網站交互的事情都是使用 JavaScript 實現(xiàn)的）。

這些技術主要是 JavaScript 混淆，這就是 JavaScript 反混淆發(fā)揮作用的地方。它有助于解決此類情況，尤其是在網頁抓取時。

JavaScript 反混淆有助于使代碼更具可讀性，使您能夠更好地理解腳本、模擬交互并正確抓取預期數據。

JavaScript 混淆甚至帶來了更多的反抓取機制，例如反機器人證券、Cloudflare 等候室和一系列驗證碼謎題。盡管存在這些挑戰(zhàn)，JavaScript 反混淆仍然能夠成功，因為它有助于繞過和逆向工程這些挑戰(zhàn)。

JavaScript 反混淆是如何工作的

JavaScript 反混淆需要以下過程：

1. 識別 JavaScript 混淆：要識別它，您需要識別一些模式，例如變量重命名、控制流縮小、十六進制值、編碼字符串等。當你繼續(xù)研究它時，你會發(fā)現(xiàn)更多模式。
2. 訪問混淆代碼：現(xiàn)在您已經發(fā)現(xiàn)了混淆代碼，下一步是使用 Chrome 的開發(fā)者工具訪問代碼以進行更好的分析。您還可以在找到文件后保存該文件。
3. 格式化代碼：Prettier 或 JavaScript 美化器等工具可以格式化混淆的代碼。
4. 執(zhí)行代碼來驗證是否沒有錯誤。
5. 最后，提取功能邏輯（隱藏內容生成或令牌驗證的代碼）。

JavaScript 反混淆解決方案

JavaScript 反混淆的完美解決方案是您解決問題的技能、識別混淆代碼中模式的能力以及技術工具的使用的結合。

如果您擁有用于格式化代碼的必要工具、用于訪問和分析混淆代碼的 Chrome DevTools、用于解析和縮小代碼的外部第三方庫（如 uglify-js）以及調試工具，那么您可以看穿任何 JavaScript 混淆實例.

要快速跟蹤事情，您可以使用任何 JavaScript 反混淆器工具或本指南中使用的工具。

以上是解碼 JavaScript：反混淆指南的詳細內容。更多信息請關注PHP中文網其他相關文章！