Script for Me by yobukodori

Experimental

A tiny userscript manager. Injects JavaScript code (and CSS code) into a page. A simple wrapper for the browser.contentScripts API. Works on Android as well as on PC.
ウェブページにスクリプト（CSSも可）を注入する拡張機能。browser.contentScripts APIの単純なラッパー。Androidでも機能します。

You'll need Firefox to use this extension

Download Firefox

Download file

43
Users

No Reviews

There are no ratings yet
Not rated yet

About this extension

A tiny userscript manager. Injects JavaScript code (and CSS code) into a page. A simple wrapper for the browser.contentScripts API. Works on Android as well as on PC.

Usage
See the screenshot.

Enable at startup: Enable this feature when the browser is started.
Print debug info: Output debug information at the bottom of the Options tab.
Add line numbers: Add line numbers to script resource.
Theme: Select a color theme for the settings page. As soon as you select a theme, it will be reflected in the settings page, but only temporarily. Apply or Save as needed.
Script Resource: Scripts to inject.
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 //matches directive.
  The //matches directive specifies a comma-separated list of URL patterns for the pages where you want to inject the script.
  If the //matches directive are omitted, then *://*/* is used as the default value.//matches https://www.google.com/*, https://github.com/* //js (function(){/* code for google.com and github.com */})(); //js (function(){/* code for any webpage */})();
3. The //exclude directive specifies a comma-separated list of URL patterns to exclude from code injection.
  //matches *://*/* //exclude *://github.com/yobukodori*,*://yobukodori.github.io/* //js alert("Come on-a my house");
4. The //option directive specifies a comma-separated list of tokens. The following tokens are available.
  e.g. //option page, all, start
  nonce: Sets true to wrapCodeInScriptTag and nonce.
  page: Sets true to wrapCodeInScriptTag.
  all: Sets true to allFrames.
  blank: Sets true to matchAboutBlank.
  start: Sets document_start to runAt.
  end: Sets document_end to runAt.
  See the following //options directive for options.
5. The //options directive sets various options. (Optional)//options {     "css": [{"code":"body{background-color:red;}"}],     "runAt": "document_end",     "wrapCodeInScriptTag": true }
  wrapCodeInScriptTag is a Script For Me specific option. If its value is true, the code is wrapped in a script tag and executed. Then you can access the variables 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 }
6. 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.
7. The //css directive injects CSS code to page.
  //name No image //matches *://*/* //css img, background-image { display: none !important; }
  If you use the //css directive, you can omit the //js directive.
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.
  //js https://yobukodori.github.io/foo.js
10. //module directive and //require directive
  //module: define module.
  //require: import module or external script file. Can import multiple modules.//module libA //js function foo(){ return "Hello"; } function bar(){ return " from"; } //module libB //js function baz(){ return " Script for Me"; } //matches httpss://www.google.com/ //require libA, libB, https://code.jquery.com/jquery-2.2.4.min.js //js $("body").prepend("<h1>" + foo() + bar() + baz() + "</h1>");
11. //#include preprocess-directive replaces this line with the contents of the file at the given url.//#include https://yobukodori.github.io/scrip-for-me-resource.js You can specify any part of the script resource as it is simply replaced before parsing.
12. Other directives. (Optional)
  //name: This can be placed before the //matches directive.
  //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 //matches https://obsolete.site/* //disable //js (function(){/* code */})(); //========================= //matches *://abitdirtypage.com/* //# comment //js (function(){/* code */})(); //--------------------------- //; comment //eof //matches *://leavemealone.com/*
Go to line: Move the cursor to the specified line.
Go to script: Move the cursor to the start of each script.
Select script: Select a code range for 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.
On enables this feature. Off disables this feature. Or clicking on the syringe icon will bring up a pop-up menu where you can turn it on and off. From this menu you can temporarily turn individual scripts on or off.
Clear Log: Clear log.
Export Settings: Export settings to the file. It is the currently applied settings that are exported, not the saved settings.
Import Settings: Import and apply settings from the file. Do not save.

Rate your experience

Report this add-on

Used by