Web Mask

It overrides resources, JS, CSS, Image, and fonts, of a website with the copies from a local web server.

Web Mask क्या है?

Web Mask Frank Ren द्वारा विकसित एक क्रोम एक्सटेंशन है, और इसकी मुख्य विशेषता है "It overrides resources, JS, CSS, Image, and fonts, of a website with the copies from a local web server."।

एक्सटेंशन स्क्रीनशॉट्स

screenshot
screenshot
screenshot
screenshot

एक्सएक्स एक्सटेंशन CRX फ़ाइल डाउनलोड करें

crx प्रारूप में Web Mask एक्सटेंशन फ़ाइलें डाउनलोड करें, ब्राउज़र में क्रोम एक्सटेंशन को मैन्युअल रूप से स्थापित करें या दोस्तों के साथ crx फ़ाइलों को साझा करें ताकि क्रोम एक्सटेंशन को आसानी से स्थापित किया जा सके।

एक्सटेंशन उपयोग निर्देश

                        It enables you to

- Debug a remote web site, for which source map is usually disabled, with your local web server
- Test your local changes with actual data from remote servers - integration test before pull request

The idea and its implementation are based on HTTP and HTML web standards, independent to the framework of your choice, with the following constraints:
* It doesn't work with `document.write()`
* The local web server must include HTTP response header, Access-Control-Allow-Origin:*
* "Bypass for network" for service workers. See screenshots for instruction.

It's similar to "Resource Override", but it requires a minimum configuration, it is built for Manifest V3, and it is test automation friendly. See
* https://chrome.google.com/webstore/detail/resource-override/pkoacgokdfckfpndoffpifphamojphii
* https://developer.chrome.com/docs/extensions/mv3/mv2-sunset/

Tests (in alphabetic order)
* Successful. Manual.
  * Target website: https://angular.io/
  * Source code: https://github.com/angular/angular
* Successful. Automated.
  * Target website: https://material.angular.io/
  * Source code: https://github.com/angular/material.angular.io
* Not supported. The local web server doesn't include the HTTP response header, Access-Control-Allow-Origin:*
  * Target website: https://reactjs.org/
  * Source code: https://github.com/reactjs/reactjs.org
* Successful. Automated.
  * Target website: https://vuejs.org/
  * Source code: https://github.com/vuejs/docs                    

एक्सटेंशन की मूल जानकारी

नाम Web Mask Web Mask
ID cnglippokopaohjfeejlkblfjnekojia
आधिकारिक URL https://chromewebstore.google.com/detail/web-mask/cnglippokopaohjfeejlkblfjnekojia
विवरण It overrides resources, JS, CSS, Image, and fonts, of a website with the copies from a local web server.
फ़ाइल का आकार 28.1 KB
स्थापना संख्या 45
वर्तमान संस्करण 2.1
अंतिम अपडेट 2023-05-25
प्रकाशन तिथि 2022-09-07
रेटिंग 5.00/5 कुल 1 रेटिंग्स
डेवलपर Frank Ren
ईमेल [email protected]
भुगतान के प्रकार free
एक्सटेंशन वेबसाइट https://github.com/renfeng/web-mask
सहायता पृष्ठ URL https://github.com/renfeng/web-mask
समर्थित भाषाएँ en-GB
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 3,
    "name": "Web Mask",
    "description": "It overrides resources, JS, CSS, Image, and fonts, of a website with the copies from a local web server.",
    "version": "2.1",
    "icons": {
        "16": "icon16.png",
        "48": "icon48.png",
        "128": "icon128.png"
    },
    "action": {
        "default_popup": "popup.html"
    },
    "background": {
        "service_worker": "background.js"
    },
    "content_scripts": [
        {
            "matches": [
                "*:\/\/*\/*"
            ],
            "js": [
                "content.js"
            ],
            "all_frames": true
        }
    ],
    "web_accessible_resources": [
        {
            "matches": [
                "*:\/\/*\/*"
            ],
            "resources": [
                "page.js"
            ]
        }
    ],
    "permissions": [
        "declarativeNetRequestWithHostAccess",
        "webRequest"
    ],
    "host_permissions": [
        "*:\/\/*\/*"
    ]
}