Run custom javascript and css in a webpage with ease

Latest Version

Version

1.0.0

Update

June 21, 2023

Size

207KiB

Developer

Custom Code Injector Extension

Inject custom javascript and css in a webpage with ease

Ease of use
✓ Run your own javascript and/or css code
✓ Run 3rd party library javascript and/or css
✓ Automatic save
✓ Target url host as well as path
✓ Exportable and Importable rules
✓ Enable/Disable, Add, Edit, Delete at your finger tips

≡ How to Use

1. Click the Extension Icon (Popup)
2. Click the \"+\" button to add host rule first (this will take you to the Extension option page)
3. After a title has been set, edit the rule to paste in your own javascript code and/or css code and/or add 3rd party library url
4. Flip the switch to allow the javascript or css or library to run (either at popup or in extension option page)
5. Refresh your url to see the code get applied

* For details, refer to User Guide: https://github.com/CharltonC/chrome-custom-code-injector/tree/master/doc/userguide/README.md
* For optimisation, javascript/css code can be optimised prior to be pasted in the code area.
* The editor in the extension is not intended to be a full blown proper code editor. Instead it should be treated as just a pasteboard to store the code. For best editing experience, a proper code editor should be used.

≡ Privacy

* The extension does NOT collect any data or send data to third party.

≡ Release

* 1.0.0 (2021.09.10)
- Initial Release

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 2, "name": "Custom Code Injector", "version": "1.0.0", "minimum_chrome_version": "68", "description": "Run custom javascript and css in a webpage with ease", "author": "Charlton Cheng", "permissions": [ "storage", "unlimitedStorage", "", "tabs", "webRequest", "webRequestBlocking" ], "icons": { "16": "asset/icon/icon_16.png", "32": "asset/icon/icon_32.png", "48": "asset/icon/icon_48.png", "128": "asset/icon/icon_128.png" }, "options_page": "option/index.html", "content_scripts": [ { "run_at": "document_end", "matches": [ "*://*/*" ], "js": [ "asset/common.min.js", "ct-script/main.min.js" ] } ], "browser_action": { "default_title": "Custom Code Injector", "default_popup": "popup/index.html", "default_icon": { "16": "asset/icon/icon_16.png", "24": "asset/icon/icon_24.png", "32": "asset/icon/icon_32.png" } }, "background": { "scripts": [ "asset/common.min.js", "bg/main.min.js" ] }}

Download CRX(207KiB)