使用書(shū)簽在網(wǎng)站上執(zhí)行自定義 JavaScript 代碼，將自定義 Cookie 注入到移動(dòng)瀏覽器上的網(wǎng)站上。如今，大多數(shù)現(xiàn)代瀏覽器都支持開(kāi)發(fā)人員工具功能，該功能使我們能夠分析網(wǎng)頁(yè)并通過(guò)控制臺(tái)在這些頁(yè)面上運(yùn)行自定義JavaScript。

　　但是，幾乎所有移動(dòng)瀏覽器都缺少此功能。如果我們想在移動(dòng)設(shè)備上執(zhí)行自定義JavaScript，我們將不得不使用另一個(gè)看似不相關(guān)的瀏覽器功能：書(shū)簽。

　　在本系列文章中，我將向您展示如何使用書(shū)簽在網(wǎng)站上執(zhí)行自定義 JavaScript 代碼，并向您展示如何使用書(shū)簽將自定義 Cookie 注入移動(dòng)瀏覽器上的網(wǎng)站。讓我們開(kāi)始吧!

　　制作和編輯我們的書(shū)簽

　　首先添加書(shū)簽。該方法將根據(jù)您使用的瀏覽器而有所不同;我將使用 Safari 瀏覽器完成本教程。按您選擇的任何網(wǎng)頁(yè)上的共享按鈕，然后選擇“添加書(shū)簽”。提供書(shū)簽和適當(dāng)?shù)拿Q，然后按“保存”。

　　添加書(shū)簽

　　您添加它的頁(yè)面無(wú)關(guān)緊要，因?yàn)槲覀儗⒏臅?shū)簽的地址屬性以執(zhí)行我們的JavaScript代碼。

　　完成所有這些操作后，按“預(yù)訂”按鈕并導(dǎo)航到存儲(chǔ)書(shū)簽的位置。在右下角，您會(huì)發(fā)現(xiàn)一個(gè)顯示編輯的按鈕。單擊它并選擇您剛剛創(chuàng)建的書(shū)簽。

　　編輯書(shū)簽

　　現(xiàn)在是有趣的部分!在書(shū)簽的地址部分中，鍵入，后跟要執(zhí)行的任何 JavaScript。javascript:

　　代碼語(yǔ)法

　　現(xiàn)在，代碼的語(yǔ)法將非常重要：放入此字段中的字符都必須是 URL 可以包含的字符。這意味著沒(méi)有空格，沒(méi)有換行符，沒(méi)有括號(hào)，沒(méi)有大括號(hào)，沒(méi)有雙引號(hào)等。

　　為了解決這個(gè)問(wèn)題，我們可以遵循新的語(yǔ)法規(guī)則，用逗號(hào)替換分號(hào)，用括號(hào)等替換大括號(hào)，或者我們可以簡(jiǎn)單地通過(guò) encodeURIComponent 函數(shù)運(yùn)行我們的代碼，然后再將其放入書(shū)簽的地址部分。

　　例如，可以寫(xiě)為 或 。無(wú)論您喜歡哪一個(gè)。alert("Hello world?!");alert(decodeURIComponent('Hello%20World%3F!'));alert(%22Hello%20world%3F!%22)%3B

　　如果您使用 Safari 瀏覽器，您只需將整個(gè) JavaScript 代碼粘貼為一行(確保在必要時(shí)使用分號(hào))，當(dāng)您按下“保存”時(shí)，Safari 瀏覽器會(huì)自動(dòng)為您格式化。

　　示例腳本代碼

　　我將在我的書(shū)簽中存儲(chǔ)以下代碼：

　　看起來(lái)有點(diǎn)令人困惑，但這是格式化的版本：

　　執(zhí)行代碼時(shí)，它將選擇在頁(yè)面上遇到的第一個(gè) 、 、 和 元素，如果存在，請(qǐng)將背景色設(shè)置為漂亮的灰色。方便保存你的眼睛和你的電池壽命，如果你遇到一個(gè)長(zhǎng)網(wǎng)頁(yè)，只支持純白色背景的光模式。main header footer body

　　插入代碼

　　您可以在此處查看之前和之后：

　　現(xiàn)在，當(dāng)然，您可以做很多事，而不僅僅是更改一些背景顏色。如果排除特定元素，則可以修改 DOM 樹(shù)的整個(gè)部分。您甚至可以發(fā)送請(qǐng)求并設(shè)置自定義cookie。