Inject javascript on each page load + hot reload. For local files install npm package 'filesystem-server'.
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
You can Follow the below Step By Step procedure to install the Injector Chrome Extension to your Chrome Web browser.
It is the Injector Chrome extension download link you can download and install Chrome Browser.
Tags: Filesystem Server , Install Local Server , Page Load , 4 Launch Filesystemserver , Enable Hot Reload , New Ssl Certificate , Json Config File , Hot Reload , Inject Local Code , Page Load , Every Page Load , 8 Decide Wether , Specified Time Delay , Local Filesystem Install Filesystem Server , Fss Filesystem Server , Local File , Page Load Hot Reload ,
Helps to inject JavaScript and CSS from local files
A injector extension for Chrome users.
The Specless Ad Injector allows publishers to preview high-impact ad formats directly on their site
Easily inject javascript libraries from the console
An extension to inject the WebRTCAcd Prototype code on any page
This extension injects any JS library from CDNJS.com into a page.
Provides Do Not Track (DNT) request HEADER injector to opt in or out of universal tracking for ALL browser requests.
Write any CSS rules for any websites
Try out Matomo, the open source, privacy aware web analytics software, without the need to modify anything.
Glorified JavaScript Script Injector