首先要知道的，網頁腳本，主要是解放雙手，完成前端相關的工作。

這里直接到Tampermonkey官網在線安裝就可以了。然后新建一個腳本：

// ==UserScript== // @name New Userscript // @namespace http://tampermonkey.net/ // @version 0.1 // @description try to take over the world! // @author You // @match https://www.baidu.com // @icon https://www.google.com/s2/favicons?domain=csdn.net // @grant none // ==/UserScript==(function() {'use strict';// Your code here... })();

要注意的地方：

@match是匹配的網址，這里先給他給成include簡單點，如匹配所有

// @include *

如果要匹配某bbs就：

// @include *://bbs.xxx.com*

②如果要添加JQuery使用@require就可以了：

// @require https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.5.1.min.js

如下結構：

// ==UserScript== // @name New Userscript // @namespace http://tampermonkey.net/ // @require https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.5.1.min.js // @version 0.1 // @description try to take over the world! // @author You // @include *://bbs.xxx.com* // @icon https://www.google.com/s2/favicons?domain=csdn.net // @grant none // ==/UserScript==(function() {'use strict';// Your code here...})();

這樣就可以搞自己的腳本了。

比如，當網頁加載完成后，填某些表單，自動提交某些數據：

// ==UserScript== // @name New Userscript // @namespace http://tampermonkey.net/ // @require https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.5.1.min.js // @version 0.1 // @description try to take over the world! // @author You // @include *://bbs.xxx.com* // @icon https://www.google.com/s2/favicons?domain=csdn.net // @grant none // ==/UserScript==(function() {'use strict';// Your code here...window.onload=function(){// TODO} })();

又如，搞頁面上搞一個按鈕，到時候人為點擊下執行腳本：

// ==UserScript== // @name New Userscript // @namespace http://tampermonkey.net/ // @require https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.5.1.min.js // @version 0.1 // @description try to take over the world! // @author You // @include *://bbs.xxx.com* // @icon https://www.google.com/s2/favicons?domain=csdn.net // @grant none // ==/UserScript==(function() {'use strict';// Your code here...var btn = document.getElementById("zan_btn") || document.createElement("div");btn.style.padding = "20px 40px";btn.style.color = "#fff";btn.style.backgroundColor = "#f78989";btn.style.border = "1px solid #f78989";btn.style.position = "fixed";btn.style.right = "10px";btn.style.top = "10px";btn.style.zIndex = "99999";btn.style.borderRadius = "4px";btn.style.fontSize = "22px";btn.style.cursor = "pointer";btn.innerHTML = "開始腳本";btn.id = "zan_btn";btn.onclick = () =>{// TODO} })();

總結

以上是生活随笔為你收集整理的Tampermonkey笔记-脚本的搭建和基本使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。