Firefox 瀏覽器附加元件
登入
Script Menu 預覽

Script Menu 作者: yobukodori

Select and run the registered JavaScript (userscript) from the menu. Works on Android as well as on PC. I developed this extension for Firefox for Mobile where the bookmarklets is not available. 登録したスクリプトをメニューから選択して実行します。Androidでも機能します

實驗中實驗中
4.7 (3 reviews)4.7 (3 reviews)
47 Users47 Users
必須使用 Firefox 才能使用此擴充套件
下載 Firefox
下載檔案

擴充套件後設資料

畫面擷圖
關於此擴充套件
Select and run the registered JavaScript (userscript) from the menu. Using browser.tabs.executeScript API.
Works on Android as well as on PC. I developed this extension for Firefox for Mobile where the bookmarklets is not available.

Usage
screenshot
  • Show menu in page: Show menu in page for quick access to the menu on Android.
  • Print debug info: Output debug information at the bottom of the Options tab.
  • Add line numbers: Add line numbers to script resource.
  • Script Resource: Script to register in the menu.
    1. Script Resource must not begin with a non-directive line, such as a blank line. Always start with a specific directive line.
    2. Each script begins with the //name directive.
      The //name directive specifies the script name to be displayed on the menu.
       //name Go page top
    3. The //matches directive specifies a comma-separated list of URL patterns for the pages where you want to display the script name. (Optional)
      //matches https://www.google.com/*, https://github.com/*
    4. The //exclude directive specifies a comma-separated list of URL patterns for the pages where you don't want to display the script name. (Optional)
      The //exclude directive has a higher priority than the //matches directive.
      //exclude https://yobukodori.github.io/*, https://github.com/yobukodori/*
    5. The //option directive specifies a comma-separated list of tokens (Optional). The following tokens are available.
      //option page, all, blank
      • nonce: Sets true to wrapCodeInScriptTag and nonce.
      • page: Sets true to wrapCodeInScriptTag.
      • all: Sets true to allFrames.
      • blank: Sets true to matchAboutBlank.
      • See the following //options directive for options.
    6. The //options directive sets details. (Optional)
       //options
       {
        "allFrames": true,
        "wrapCodeInScriptTag": true
       }
      wrapCodeInScriptTag is a Script Menu specific option. If its value is true, the code is wrapped in a script tag and executed. Then you can access the variables/functions/objects, etc. defined by page script.
      Internally convert it to the following code and execute it.
      (function() {
        let e = document.createElement("script");
        e.append(<your code>);
        e.nonce = <nonce value>; // Set if nonce option is true.
        document.documentElement.appendChild(e);
        e.remove();
      })();
      nonce option is used with wrapCodeInScriptTag to set the nonce attribute on the script tag.
      For example, twitter.com restricts script execution with Content Security Policy nonce-source. To run code in the context of a page script:
      //name xhr logger
      //matches *://twitter.com/*
      //; The next option should be 'nonce'. Specifying 'page' will fail.
      //option nonce
      //js
      XMLHttpRequest.prototype.open = new Proxy(XMLHttpRequest.prototype.open, {
        apply: function(target, thisArg, args ) {
          console.log(args[0], args[1]);
          return Reflect.apply(target, thisArg, args);
        }
      });

      You can also use comment style or comma expression style so that it will not cause an error when executed as javascript.
       //options
       /* { "wrapCodeInScriptTag": true } */
      or
       //options
       0, { "wrapCodeInScriptTag": true }
    7. Content scripts and Page scripts
      See Content script environment.
      This add-on executes the code as a content scripts.
      To execute the code in the context of a page scripts, inject a script tag that wraps the code. The option wrapCodeInScriptTag does this for you.
      Without wrapCodeInScriptTag option
      [advantage]
      • Can execute external script file specified in the //js section without CSP restrictions.
      • Can read cross-origin resources with xhr/fetch without CORS restrictions.
      [disadvantage]
      • Can't access the variables/functions/objects, etc. defined by the page script.
      With wrapCodeInScriptTag option
      You can access the variables/functions/objects, etc. defined by the page scripts. However, the above restrictions of CSP and CORS will apply.
    8. Finally, write the code with the //js directive.
      [NOTE] Doesn't check the syntax of the code, so please paste the code that has been tested to work.
      //js
      (function(){
          alert("hello");
      })();
    9. Simply write the URL and you can execute the script.
      This add-on itself reads the script from the URL and executes the loaded code.
      [NOTE] If you want to access the variables/functions/objects, etc. defined by the page script, specify wrapCodeInScriptTag in the //options directive.
      //js
      https://yobukodori.github.io/foo.js
    10. Prepared the following built-in scripts for Fenix.
      //name View Page Source
      //js
      builtin:view-page-source
      //name View (Selected) outerHTML
      //js
      builtin:view-outerhtml
    11. //module directive and //require directive
      //module: define module.
      //require: import module or external script file. Can import multiple modules.
      //module libA
      //js
      function foo(){ console.log("foo"); }
      function bar(){ console.log("bar"); }
      //module libB
      //js
      function baz(){ console.log("baz"); }
      //name item-1
      //require libA
      //js
      foo();
      //name item-2
      //require libA, libB
      //js
      bar(); baz();
      //name item-3
      //require https://code.jquery.com/jquery-2.2.4.min.js
      //js
      console.log(typeof $);
    12. //#include preprocess-directive replaces this line with the contents of the file at the given url.
      //#include https://yobukodori.github.io/scrip-menu-item.js
      You can specify any part of the script resource as it is simply replaced before parsing.
    13. Other directives. (Optional)
      //disable: disable this script. In case you don't use the script but want to keep it.
      //eof: Ignore the lines that follow.
      //[-=*;#]: Comment line. Excluding //#include.
      //name Obsolete script
      //disable
      //js
      (function(){/* code */})();
      //===============================
      //name Beautify the page
      //# comment
      //js
      (function(){/* code */})();
      //eof
      #############################
      [memo]
      ...
      [todo]
      ...
  • Go to line: Move the cursor to the specified line.
  • Go to Script...: Move the cursor to the start of each script.
  • Save: Save settings and scripts resource. And apply settings and scripts.
  • Apply: Apply settings and scripts. (doesn't save).
  • Get Status: get current status and applied scripts.
  • Clear Log: Clear log.
由 1 位評論者給出 4.7 分
登入後即可幫此擴充套件評分
目前沒有評分

已儲存星等

5
2
4
1
3
0
2
0
1
0
閱讀全部 3 條評論
權限與資料了解更多

必要權限:

  • 存取瀏覽器分頁
  • 在上網時了解瀏覽器行為狀態
  • 存取您所有網站中的資料
更多資訊
附加元件網址
  • 技術支援網站
版本
0.3.0
大小
30.89 KB
最近更新
2 年前 (2024年2月28日)
相關分類
  • 網頁開發
授權條款
Mozilla Public License 2.0
隱私權保護政策
閱讀此附加元件的隱私權保護政策
版本紀錄
  • 瀏覽所有版本
新增至收藏集
檢舉此附加元件
yobukodori 製作的更多擴充套件
  • 目前沒有評分

  • 目前沒有評分

  • 目前沒有評分

  • 目前沒有評分

  • 目前沒有評分

  • 目前沒有評分

前往 Mozilla 官網

附加元件

  • 關於
  • Firefox 附加元件部落格
  • 擴充套件工作坊
  • 開發者交流中心
  • 開發者政策
  • 社群部落格
  • 討論區
  • 回報 Bug
  • 評論撰寫指南

瀏覽器

  • Desktop
  • Mobile
  • Enterprise

產品

  • Browsers
  • VPN
  • Relay
  • Monitor
  • Pocket
  • Bluesky (@firefox.com)
  • Instagram (Firefox)
  • YouTube (firefoxchannel)
  • 隱私權
  • Cookie
  • 法律資訊

除另有註明外,本站內容皆採用創用 CC 姓名標示—相同方式分享條款 3.0 或更新版本授權大眾使用。