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

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

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

　　制作和編輯我們的書簽

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

　　添加書簽

　　您添加它的頁面無關(guān)緊要，因?yàn)槲覀儗⒏臅灥牡刂穼傩砸詧?zhí)行我們的JavaScript代碼。

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

　　編輯書簽

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

　　代碼語法

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

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

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

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

　　示例腳本代碼

　　我將在我的書簽中存儲以下代碼：

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

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

　　插入代碼

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

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