Injector
Inject javascript on each page load + hot reload. For local files install npm package 'filesystem-server'
What is Injector?
Injector is a Chrome extension developed by ReCreate Ideas, and its main feature is "Inject javascript on each page load + hot reload. For local files install npm package 'filesystem-server'".
Extension Screenshots
Download Injector Extension CRX File
Download Injector extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.
Extension Usage Instructions
Allows you to inject files into a webpage and automatically re-injecting them every time the page loads for you to test your code in a seemingly live environment from your local machine.
Usage :
1 - For access to your local filesystem install filesystem-server package from npm (https://www.npmjs.com/package/filesystem-server). for this, you will need node and npm already installed. This will install a local server on your machine as well as a self-signed certificate and a crypto key (both valid for 10 years). These will be necessary to inject local code into https websites.
2- Import your new SSL certificate (that you will find inside the node_modules/filesystem-server/security folder in your system library ) to Chrome (follow this guide https://support.securly.com/hc/en-us/articles/206081828-How-to-manually-install-the-Securly-SSL-certificate-in-Chrome ).
3- Install and launch Injector.
4- Launch filesystem-server
5- In the extension, at the top, set the fss (filesystem-server) port to the same port you started fss with.
6- Choose the protocol (http|https).
7- Insert the absolute path or url of the javascript file you want to inject
8- Decide wether you want to enable HOT RELOAD (this will reload the webpage you are injecting into every time you save changes to your local file!)
9- Turn the switch on. When the switch is on the file will be injected automatically every page load ( with the specified time delay (in milliseconds).
------------------------------------------
10- If you work at cloud.IQ, decide wether you want to enable hot reload for JSON config file. (Note: it has to be in the format ' [APP_ID]_plain.json ' and live within the same folder and at the same level as the dev file. You can now work directly on JSON with HOT RELOAD.
------------------------------------------
For contributions:
https://github.com/recreateideas/Injector
https://github.com/recreateideas/filesystem-server Extension Basic Information
| Name |  Injector |
| ID | ogkodacnhojpmbmoknbmmndhdffamaob |
| Official URL | https://chrome.google.com/webstore/detail/injector/ogkodacnhojpmbmoknbmmndhdffamaob |
| Description | Inject javascript on each page load + hot reload. For local files install npm package 'filesystem-server' |
| File Size | 79.53 KB |
| Installation Count | 198 |
| Current Version | 1.0.01 |
| Last Updated | 2019-03-05 |
| Publish Date | 2019-03-05 |
| Rating | 5.00/5 Total 1 Ratings |
| Developer | ReCreate Ideas |
| [email protected] | |
| Payment Type | free |
| Extension Website | https://github.com/recreateideas/Injector |
| Supported Languages | en-GB |
| manifest.json | |
{
"update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
"manifest_version": 2,
"name": "Injector",
"short_name": "*_TI_*",
"description": "Inject javascript on each page load + hot reload. For local files install npm package 'filesystem-server' ",
"version": "1.0.01",
"icons": {
"16": "icons\/icon16.png",
"48": "icons\/icon48.png",
"128": "icons\/icon128.png"
},
"browser_action": {
"default_title": "Injector",
"default_popup": "html\/popup.html",
"default_icon": "icons\/icon.png",
"default_action": "javascript\/popup.js"
},
"background": {
"scripts": [
"javascript\/background.js"
],
"persistent": false
},
"content_scripts": [
{
"js": [
"javascript\/index.js"
],
"matches": [
"https:\/\/*\/*",
"http:\/\/*\/*"
],
"run_at": "document_start"
}
],
"permissions": [
" | |
