Firefox Plugins : Créez votre propre module de recherche sur Firefox

mozilla-search.pngLes utilisateurs du fameux navigateur Mozilla Firefox utilisent parfois le menu de recherche incorporé dans les barres d’outils du navigateur.

Alors pour ceux qui ne trouvent pas leurs outils de recherche favoris dans cette liste, et essayent de cliquer sur Gérer les moteurs de recherche…

Puis sur Obtenir d’autres moteurs de recherche qui mène vers la liste des moteurs disponibles sur la page du site officiel de Mozillla.

Mais, ce qui est étonnant c’est que plusieurs metamoteurs ne figurent plus sur cette liste !

Comment créer son propre module de recherche ?

Le module de recherche sous Firefox est un fichier XML dont le code est écrit de la manière suivante :

<OpenSearchDescription xmlns= »http://a9.com/-/spec/opensearch/1.1/ &raquo; xmlns:moz= »http://www.mozilla.org/2006/browser/search/ »><ShortName&gt;Nom de l’outil</ShortName><Description>Description de l’outil</Description><InputEncoding>Encodage du texte </InputEncoding><Image width= »16″ height= »16″>data:image/x-icon;base64,imageData</Image><Url type= »text/html » method= »method » template= »URL de la recherche »><Param name= »paramName1 » value= »paramValue1« />…Paramètres de la recherche <Param name= »paramNameN » value= »paramValueN« /></Url><Url type= »application/x-suggestions+json » template= »suggestionURL« /><moz:SearchForm>URL du formulaire</moz:SearchForm></OpenSearchDescription>

Alors, Il suffit de connaitre les paramètres de recherche de l’outil qu’on désire ajouter.

Prenons par exemple le cas de l’outils de recherche sur un Blog wordpress. Voici le code du formulaire de recherche :

<form method=« get » id=« searchform » action=« https://referenceur.wordpress.com &raquo;><input type=« text » class=« textbox » value=«  » name=« s » id=« s » /><input type=« submit » id=« searchsubmit » value=« Search » /></form>

On voit bien que les paramètres name et id prennent la même valeur s.

<SearchPlugin xmlns= »http://www.mozilla.org/2006/browser/search/ »&gt;
<ShortName>Le Referencement</ShortName>
<Description>Recherche sur Le Référencement</Description>
<InputEncoding>UTF-8</InputEncoding>
<Image width= »16″ height= »16″>data:image/x-icon;base64,R0lGODlhEAAQAJECAP8AAAAAAP///wAAACH5BAEAAAIALAAAAAAQABAAAAIplI+py+0NogQuyBDEnEd2kHkfFWUamEzmpZSfmaIHPHrRguUm/fT+UwAAOw==</Image>
<Url type= »text/html » method= »GET » template= »https://referenceur.wordpress.com/« >
<Param name= »s » value= »{searchTerms} »/>
</Url>
<SearchForm>https://referenceur.wordpress.com/</SearchForm&gt;
</SearchPlugin>

Il suffit d’ouvrir l’éditeur Bloc Notes (Notepad) et personnaliser ces paramètres puis enregistrer le fichier sous le format .XML puis l’enregistrer sous le repertoire d’installation de firefox (souvent C:\program files\mozilla firefox) dans le sous dossier \searchplugins.

Au prochain démarrage du navigateur, on trouvera bien notre outil dans la list déroulante en question🙂

Et pour aller plus loin, les sites qui proposent un large contenu de documentations ou de mediathèque qui désirent publier leurs Plugin pour leurs utilisateurs il suffit d’ajouter dans la balise<head> de leurs sites le code suivant :

<link rel= »search » type= »application/opensearchdescription+xml » title= »Titre de l’outil » href= »URL du Plugin« >

et si on a plusieurs outils de recherche à publier :

<link rel= »search » type= »application/opensearchdescription+xml » title= »Mon site : Par auteur » href= »http://www.mysite.com/mysiteauthor.xml« ><link rel= »search » type= »application/opensearchdescription+xml » title= »Mon site : Par Titre » href= »http://www.mysite.com/mysitetitle.xml« >

suggest.pngDe cette façon Firefox détectera automatiquement le nouveau module et proposera une suggestion pour l’installer si l’utilisateur clique sur la liste des outils de recherche😉

Lecture Recomandée sur Mozilla Developer Center

Laisser un commentaire

Choisissez une méthode de connexion pour poster votre commentaire:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s