Web Mask

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

Qu'est-ce que Web Mask ?

Web Mask est une extension Chrome développée par Frank Ren, et sa fonction principale est "It overrides resources, JS, CSS, Image, and fonts, of a website with the copies from a local web server.".

Captures d'Écran de l'Extension

screenshot
screenshot
screenshot
screenshot

Télécharger le fichier CRX de l'extension Web Mask

Téléchargez les fichiers d'extension Web Mask au format crx, installez manuellement les extensions Chrome dans le navigateur ou partagez les fichiers crx avec des amis pour installer facilement les extensions Chrome.

Instructions d'Utilisation de l'Extension

                        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                    

Informations de Base sur l'Extension

Nom Web Mask Web Mask
ID cnglippokopaohjfeejlkblfjnekojia
URL Officiel https://chromewebstore.google.com/detail/web-mask/cnglippokopaohjfeejlkblfjnekojia
Description It overrides resources, JS, CSS, Image, and fonts, of a website with the copies from a local web server.
Taille du Fichier 28.1 KB
Nombre d'Installations 45
Version Actuelle 2.1
Dernière Mise à Jour 2023-05-25
Date de Publication 2022-09-07
Évaluation 5.00/5 Total 1 Évaluations
Développeur Frank Ren
Email [email protected]
Type de Paiement free
Site Web de l'Extension https://github.com/renfeng/web-mask
URL de la Page d'Aide https://github.com/renfeng/web-mask
Langues Prises en Charge 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": [
        "*:\/\/*\/*"
    ]
}