Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Chrome extension post-install hook/API function: does it exist?

Is there a Chrome extension post install hook/API function that will let me perform an action after the plugin is installed or updated?

I would like to perform an action after my extension is installed, and only right after it is installed. This action should only be performed once (post-install or post-update) of the extension.

Update

Some people have proposed setting the version of the extension in localStorage, the problem that I have is that the content script that has access to localStorage is not loaded into the page when the plugin is first installed.

AFAIK after a plugin is installed, and it makes use of a content script injected into the tab/page, the page has to be reloaded.

I don't know how to access localStorage from the background page; localStorage can only be accessed from a content script.

To get the version number from the background page to the content script requires the use of chrome API function to execute scripts:

chrome.tabs.executeScript(null, {code:function_to_execute}, function() { // callback });

However, when you install a plugin, and the page that this plugin needs to inject a content script into is already loaded, it does not inject the content script, you have to reload the page.

update 2

Looking at some of the tips provided in more detail, for the purpose of saving the version number, it is possible to access the localStorage of the background page. However, for what I need to do, which is reload a specific tab at a specific URL (in order to make sure the content script is the newest version) after installing or updating a plugin, it ended up being unnecessary to bother with localStorage.

For the sake of staying on topic, the advice given about writing the version number to localStorage (in the background page) and then checking against the version number in the manifest file is good enough to allow someone to run a script the first time it is installed/or updated.

HowTo

Make manifest file available to the background page (note: this is taken from somewhere else, I don't take credit for it, but I can't remember the source, if you know, let me know and I will add it).

// MAKE MANIFEST FILE AVAILABLE
chrome.manifest = (function() {
    var manifestObject = false;
    var xhr = new XMLHttpRequest();
    xhr.onreadystatechange = function() {
        if (xhr.readyState == 4) {
            manifestObject = JSON.parse(xhr.responseText);
        }
    };
    xhr.open("GET", chrome.extension.getURL('/manifest.json'), false);
    try {
        xhr.send();
    } catch(e) {
        console.log('Couldn\'t load manifest.json');
    }
    return manifestObject;
})();

Now you can access your version number like this: chrome.manifest.version

To write to localStorage just pass it in like so: localStorage['my_plugin_version'] = chrome.manifest.version

like image 861
Victor S Avatar asked Dec 18 '11 01:12

Victor S


People also ask

Does Google Chrome have an API?

The Chrome Management API is a suite of services that allows administrators to programmatically view, manage, and get insights about policies and usage of ChromeOS devices and Chrome browsers in their organization.

How do you use RESTMan?

RESTMan is an extension to work on REST APIs over http and https. How to use: Click on the RESTMan Icon that displays on your taskbar. Type the url in the main input field and choose the method to use: GET/POST/PUT/DELETE/PATCH. Click on the arrow "Send" or press Ctrl+Enter.

What is the Use of background js in chrome extension?

Background scripts or a background page enable you to monitor and react to events in the browser, such as navigating to a new page, removing a bookmark, or closing a tab. Background scripts or a page are: Persistent – loaded when the extension starts and unloaded when the extension is disabled or uninstalled.


1 Answers

You can do this using a background page. When the extension is installed, the background page is opened in the background, and thus executed. To make sure it's not executed every time, simply store a value in localStorage.

like image 96
Håvard Avatar answered Oct 04 '22 15:10

Håvard