Injector

Inject javascript on each page load + hot reload. For local files install npm package 'filesystem-server'

Injector란 무엇입니까?

Injector은(는) ReCreate Ideas에 의해 개발된 Chrome 확장 프로그램으로, 주요 기능은 "Inject javascript on each page load + hot reload. For local files install npm package 'filesystem-server'"입니다.

확장 프로그램 스크린샷

screenshot
screenshot
screenshot

Injector 확장 프로그램 CRX 파일 다운로드

크롬 확장 프로그램을 crx 형식으로 다운로드하여 브라우저에 수동으로 설치하거나 crx 파일을 친구들과 공유하여 쉽게 크롬 확장 프로그램을 설치하세요.

확장 프로그램 사용 설명서

                        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                    

확장 프로그램 기본 정보

이름 Injector Injector
ID ogkodacnhojpmbmoknbmmndhdffamaob
공식 URL https://chrome.google.com/webstore/detail/injector/ogkodacnhojpmbmoknbmmndhdffamaob
설명 Inject javascript on each page load + hot reload. For local files install npm package 'filesystem-server'
파일 크기 79.53 KB
설치 횟수 198
현재 버전 1.0.01
최근 업데이트 2019-03-05
출시 날짜 2019-03-05
평점 5.00/5 총 1 개의 평점
개발자 ReCreate Ideas
이메일 [email protected]
결제 유형 free
확장 프로그램 웹 사이트 https://github.com/recreateideas/Injector
지원되는 언어 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": [
        "",
        "https:\/\/*\/*",
        "http:\/\/*\/*",
        "tabs",
        "background",
        "nativeMessaging"
    ]
}