用戶腳本 Userscript 介紹

前端工程
, ,
#1

  • 什麼是使用者腳本？

    • 注入式的 JavaScript 程序

    • 在網頁本身的程序之外，通過一些手段，將用戶需要的數據和邏輯注入到當前的網頁中，達到修改界面、增加功能等等。

  • 3 大猴

  • 使用場景

    • 當線上瀏覽某本書時同時顯示對手網站同本書價錢

    • 去除來自某些站的廣告，包括彈出視窗與Google文字廣告

    • 改變網頁的版面

    • 自動完成表單

    • 瀏覽某些佈告欄網站自動過濾特定的發帖人

    • 增刪網頁上的某些功能

    • 讓使用者從 YouTube 下載影片檔案

  • Metadata

    • 使用 GM_* API

      • 聲明一個 @grant 標頭，後跟 GM_* API 函數名稱

        // @grant GM_setValue
// @grant GM_getValue
// @grant GM.setValue
// @grant GM.getValue
// @grant GM_setClipboard
// @grant unsafeWindow
// @grant window.close
// @grant window.focus
// @grant window.onurlchange

    • 使用第三方插件

      • @require
      // @require https://code.jquery.com/jquery-3.2.1.min.js

  • API 說明文件

  • 腳本分享網站

  • 教學資源

1個讚