Tag Archives: javascript

Création d’une extension Chrome via javascript

Cet article aura pour but de vous montrer comment écrire une extension pour google chrome.

Tout d’abord, sachez que la plupart des scripts greasemonkey sont compatibles avec google chrome (et pour cause, un des membre du projet travaille sous … chrome).

Bref, cet article montrera un exemple basique de script javascript puis la création de l’extension en mode dépaquetée pour le développement sur votre machine.

Voici un exemple de script javascript qui informe l’utilisateur de la page sur laquelle il se trouve :


// ==UserScript==
// @name exemple
// @namespace eu.codlab
// @description Script d'exemple
// @include http://www.google.fr
// ==/UserScript==

alert(document.location.href);

Le code écrit ci-dessus à été généré depuis greasemonkey sous firefox. La ligne d’include est importante car elle définit quelles pages seront ciblés par le script (1 ligne par url chacune devant être précédée par // @include).
Pour utiliser une page avec des arguments, il est possible d’utiliser le * pour indiquer “0 ou plusieurs caractères ensuite” (principe des expressions régulières).

Avec ce script, la première étape est dès à présent terminée.

Maintenant créez un dossier à un chemin qui vous choisirez (exemple C:\) puis déplacez-y le script que vous venez d’écrire (par exemple alert.google.js).

Ouvrez un éditeur de texte, l’étape actuelle est d’écrire le fichier manifest de votre extension javascript.

{
"name": "nom de votre extension",
"version": "0.1",
"description": "Indiquez ici votre description",
"content_scripts": [
{
"matches": ["http://www.google.fr"],
"js": ["alert.google.js"]
}
]
}

petite explication, la ligne contenant “js” définit le script qui sera utilisé par l’extension. Dans la ligne matches, faites comme suit:
pour chaque @include du script js, mettez “{url}”[,”{url}”] sachant qu’entre 2 url, vous devez mettre une virgule.
Les autres champs sont simple à configurer (nom, description, version).

Maintenant enregistrez ce fichier dans le dossier que vous aviez créé et qui contient le fichier javascript.

La dernière étape est la plus amusante. En effet, c’est l’étape de l’installation du script. Dans Google Chrome, cliquez sur la clé à droit de la barre url. Puis allez dans outils > extensions.

Vous verrez un nouvel onglet qui contient la liste des plugin installés sous chrome. Cliquez sur Mode développeur pour faire apparaitre 3 choix.
Le premier (Charger l’extension non empaquetée) est celui sur lequel vous devez cliquer. Choisissez le dossier que vous aviez créé en naviguant dans l’arborescence puis validez.

Voilà, votre extension apparaitra dans la liste. De là, vous pourrez la gérer : rafraichir (si vous modifiez le script, utilisez simplement ce bouton pour mettre à jour le code dans chrome), etc…

Attention : si le fichier manifest et le fichier javascript ne sont pas écris en utf-8, chrome vous affichera un message d’erreur. Si vous utilisez notepad++, notepad ou autre, assurez-vous de choisir un encodage utf-8.

N’hésitez pas à commenter et à indiquez si des articles de ce genre en format ebook seraient intéressant dans l’avenir

maj : RapidShare downloader

Depuis quelques jours, le logiciel que j’ia indiqué pour mozilla ne marchait plus et bien embêtant d’ailleurs :s

La solution? elle est toute le bête, cherchez dans les plugin le fichier documentInterface.js et aux alentours de la ligne 60, cherchez

var remainingSeconds = remainingText.split(‘ ‘)[1];

remplacez par

var remainingSeconds = remainingText.split(‘ ‘)[0];