Comment recharger automatiquement une extension Chrome que je développe ?

Question

J'aimerais que mon extension chrome se recharge chaque fois que j'enregistre un fichier dans le dossier de l'extension, sans avoir à cliquer explicitement sur "reload" dans chrome://extensions/. Est-ce possible ?

Edit : Je suis conscient que je peux actualiser l'intervalle à laquelle Chrome recharge les extensions, ce qui est une solution à mi-chemin, mais je préfère soit faire en sorte que mon éditeur (emacs ou textmate) déclenche sur-save un rechargement ou demander à Chrome de surveiller le répertoire pour les changements.

Answer 1

Vous pouvez utiliser " Reloader d'extensions " pour Chrome :

Recharge toutes les extensions déballées en utilisant le bouton de la barre d'outils de l'extension ou en naviguant vers " http://reload.extensions "

Si vous avez déjà développé une extension Chrome, vous avez peut-être voulu automatiser le processus de rechargement de votre extension déballée sans avoir à sans avoir à passer par la page des extensions.

"Extensions Reloader" vous permet de recharger toutes les extensions déballées. en utilisant 2 méthodes :

1 - Le bouton de la barre d'outils de l'extension.

2 - Naviguer vers " http://reload.extensions ".

L'icône de la barre d'outils permet de recharger les extensions déballées en un seul clic.

Le "rechargement par navigation" est destiné à automatiser le processus de rechargement. en utilisant des scripts "post build" - il suffit d'ajouter un browse à " http://reload.extensions " en utilisant Chrome à votre script, et vous aurez une fenêtre Chrome rafraîchie.

Mise à jour : Depuis le 14 janvier 2015, l'extension est en source ouverte et disponible sur GitHub .

Answer 2

Mise à jour : J'ai ajouté une page d'options, afin que vous n'ayez plus à trouver et modifier manuellement l'ID de l'extension. CRX et le code source sont à https://github.com/Rob--W/Chrome-Extension-Reloader
Mise à jour 2 : Ajout d'un raccourci (voir mon dépôt sur Github).
_{<em>Le code original, qui comprend le <strong>fonctionnalité de base </strong>est présenté ci-dessous </em>.}

---

Créez une extension, et utilisez le Action du navigateur en conjonction avec la méthode chrome.extension.management pour recharger votre extension décompressée.

Le code ci-dessous ajoute un bouton à Chrome, qui rechargera une extension en cas de clic.

manifest.json

{
    "name": "Chrome Extension Reloader",
    "version": "1.0",
    "manifest_version": 2,
    "background": {"scripts": ["bg.js"] },
    "browser_action": {
        "default_icon": "icon48.png",
        "default_title": "Reload extension"
    },
    "permissions": ["management"]
}

bg.js

var id = "<extension_id here>";
function reloadExtension(id) {
    chrome.management.setEnabled(id, false, function() {
        chrome.management.setEnabled(id, true);
    });
}
chrome.browserAction.onClicked.addListener(function(tab) {
    reloadExtension(id);
});

icon48.png : Choisissez une belle icône 48x48, par exemple :

Answer 3

Dans toute fonction ou événement

chrome.runtime.reload();

rechargera votre extension ( docs ). Vous devez également modifier le manifeste.json en ajoutant :

...
"permissions": [ "management" , ...]
...

Answer 4

Les extensions Chrome ont un système de permission qu'il ne le permettrait pas (certaines personnes de la SO a eu le même problème que vous ), donc leur demander d'"ajouter cette fonctionnalité" ne fonctionnera pas. Il y a un mail de Chromium Extensions Google Groups avec un solution proposée (théorie) en utilisant chrome.extension.getViews() mais il n'est pas non plus garanti que cela fonctionne.

S'il était possible d'ajouter à la manifest.json certaines pages internes de Chrome comme chrome://extensions/ il serait possible de créer un plugin qui interagirait avec l'application Reload et, en utilisant un programme externe comme XRefresh (un plugin Firefox - il y a un Version Chrome en utilisant Ruby et WebSocket), vous obtiendrez exactement ce dont vous avez besoin :

XRefresh est un plugin de navigateur qui rafraîchira la page web actuelle en raison de changement de fichier dans les dossiers sélectionnés. Ce permet d'éditer la page en direct avec votre éditeur HTML/CSS préféré. préféré.

Il n'est pas possible de le faire, mais je pense que vous pouvez utiliser ce même concept d'une manière différente.

Vous pourriez essayer de trouver des solutions tierces à la place qui, après avoir vu des modifications dans un fichier (je ne connais ni emacs ni Textmate, mais dans Emacs il serait possible de lier un appel d'application à l'intérieur d'une action "enregistrer le fichier"), clique simplement sur une coordonnée spécifique d'une application spécifique : dans ce cas, il s'agit de la fonction Reload ancrage de votre extension en développement (vous laissez une fenêtre Chrome ouverte juste pour ce rechargement).

(C'est fou mais ça peut marcher)

Answer 5

Voici une fonction que vous pouvez utiliser pour surveiller les fichiers à la recherche de modifications, et les recharger si des modifications sont détectées. Elle fonctionne en les interrogeant via AJAX, et en les rechargeant via window.location.reload(). Je suppose que vous ne devriez pas utiliser cette fonction dans un paquet de distribution.

function reloadOnChange(url, checkIntervalMS) {
    if (!window.__watchedFiles) {
        window.__watchedFiles = {};
    }

    (function() {
        var self = arguments.callee;
        var xhr = new XMLHttpRequest();

        xhr.onreadystatechange = function() {
            if (xhr.readyState == 4) {
                if (__watchedFiles[url] &&
                    __watchedFiles[url] != xhr.responseText) {
                    window.location.reload();
                } else {
                    __watchedFiles[url] = xhr.responseText
                    window.setTimeout(self, checkIntervalMS || 1000);
                }
            }
        };

        xhr.open("GET", url, true);
        xhr.send();
    })();
}

reloadOnChange(chrome.extension.getURL('/myscript.js'));