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

這些網(wǎng)站所有者通常對(duì)其客戶端（HTML、CSS 和 JavaScript）代碼被盜感到恐懼和焦慮。這讓他們只有一個(gè)選擇：尋找解決方案來(lái)阻止未經(jīng)授權(quán)的復(fù)制或?yàn)E用其源代碼。

滿足這些網(wǎng)站所有者需求的一個(gè)解決方案是一種稱為 JavaScript 混淆的技術(shù)。簡(jiǎn)單來(lái)說(shuō)，JavaScript 混淆是將人類可讀的 JavaScript 代碼轉(zhuǎn)換為人類難以理解的復(fù)雜格式的行為。

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

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

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

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

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

const no_loop_cycle = 5

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

現(xiàn)在您已經(jīng)有了用于測(cè)試的 JavaScript 代碼，請(qǐng)使用 JavaScript Obfuscator Tool，這是一個(gè)用于混淆 JavaScript 代碼的免費(fèi)工具。

將示例 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();}

將此混淆的代碼粘貼到代碼編輯器中并運(yùn)行它以驗(yàn)證其準(zhǔn)確性。您會(huì)看到它提供與原始代碼相同的輸出。

既然您已經(jīng)了解了 JavaScript 混淆的實(shí)際情況，那么嘗試 JavaScript 反混淆也會(huì)同樣令人愉快。復(fù)制上面的混淆代碼并將其粘貼到這個(gè)免費(fèi)的反混淆工具中。

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

const no_loop_cycle = 5

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

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

為什么 JavaScript 反混淆很重要？

大多數(shù)網(wǎng)站嚴(yán)重依賴嵌入技術(shù)來(lái)阻止未經(jīng)授權(quán)的用戶，主要是在 JavaScript 代碼中，因?yàn)樗?fù)責(zé)基本的用戶交互（大多數(shù)需要您與網(wǎng)站交互的事情都是使用 JavaScript 實(shí)現(xiàn)的）。

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

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

JavaScript 混淆甚至帶來(lái)了更多的反抓取機(jī)制，例如反機(jī)器人證券、Cloudflare 等候室和一系列驗(yàn)證碼謎題。盡管存在這些挑戰(zhàn)，JavaScript 反混淆仍然能夠成功，因?yàn)樗兄诶@過(guò)和逆向工程這些挑戰(zhàn)。

JavaScript 反混淆是如何工作的

JavaScript 反混淆需要以下過(guò)程：

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

JavaScript 反混淆解決方案

JavaScript 反混淆的完美解決方案是您解決問(wèn)題的技能、識(shí)別混淆代碼中模式的能力以及技術(shù)工具的使用的結(jié)合。

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

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

以上是解碼 JavaScript：反混淆指南的詳細(xì)內(nèi)容。更多信息請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！