什麼是書籤？如何使用JavaScript在Chromium和Firefox中製作書籤

書籤

是執行JavaScript而不是開啟網頁的瀏覽器書籤。它們也被稱為書籤小程式、收藏夾或JavaScript書籤。

書籤適用於所有主要瀏覽器，包括Mozilla Firefox和基於Chromium的瀏覽器，如Chrome或Brave。

使用JavaScript編寫指令碼

學習如何編寫指令碼有很多好處，可以為完成重複或繁瑣的任務節省下大量的時間。

如果您不是開發人員，學習編寫程式碼可能會有一定難度，但指令碼不需要軟體工程知識，畢竟它的目的不是製作可擴充套件的軟體。

書籤的用法

使用書籤，您可以操作當前頁面，因為該函式將具有當前選項卡的上下文。這意味著你可以：

虛擬點選按鈕

修改內容

使用頁面內容開啟新頁面

從頁面中刪除元素

您還可以製作完全不使用上下文的書籤，例如有條件地開啟URL，或為新選項卡生成HTML。

如何建立書籤

建立特殊書籤與建立常規書籤幾乎相同。唯一的區別是，您將在URL欄位中而不是HTTP/HTTPS URL中編寫JavaScript。

導航到書籤選單

火狐瀏覽器

無論是在您的書籤欄中，還是在書籤側欄 （CTRL + B） 中，您都可以右鍵單擊，然後單擊“新增書籤。。。”。

您可以右鍵單擊書籤欄，然後單擊“新增頁面。。。”。或者，您可以轉到書籤管理器，然後右鍵單擊並單擊“新增新書籤”。

如何編寫書籤

在書籤模式的URL欄位中，使用以下格式編寫JavaScript函式。

javascript

：

（（）

=>

{

// Your code here！

}）（）；

javascript：是URL的協議。這表示瀏覽器應該以JavaScript的形式執行書籤。

（（） => { }）定義一個匿名函式（lambda）。您應該在花括號之間編寫要執行的程式碼。

（）；將執行您剛剛建立的匿名函式。

javascript

：

（（）

=>

{

alert

（

‘Hello， World！’

）；}）（）；

書籤的間距

大多數瀏覽器不允許在書籤 URL 中使用多行輸入欄位，因此在編寫書籤時通常必須嚴格使用大括號（{ 和 }）和分號 （；）。 這在限定條件構造（if/for/while）時尤其重要。

除此之外，間距並不重要。不要害怕一行中有很多程式碼。

如果您的指令碼很複雜，那麼在

Visual Studio Code

程式碼編輯器中維護書籤將更容易。您可以在瀏覽器準備就緒時將其複製並貼上到瀏覽器中。

好了，本文到此結束。如果對程式設計、計算機、程式設計師方面感興趣的話，歡迎私信聯絡我，隨時交流！點個關注，是對我莫大的鼓勵！