His code is on github. I’ve the XPI compiled version on my blog (into a ZIP file) found from jo.se/f website.

You’ll need to add the addon bar (restored) in order to use ForceCORS.

Then you have to go to the about:config and search for forcecors.headers in order to set it up as you need. If it’s for an intranet with credentials required, then check my tip on github.

Make sure you have restarted Firefox and click on the cors that appears into the bottom addon bar of Firefox. It should switch to red. You can now do cross domain calls!

Pour la faire réapparaître, c’est tout simple : il suffit de créer un nouveau groupe d’onglets !

L’extension Grasemonkey pour Firefox vous permet de personnaliser des sites web que vous avez l’habitude de fréquenter grâce à des scripts en Javascript faits par d’autres ou par vous-même.

Le site http://userscripts.org/ regroupe tous les scripts que les utilisateurs ont créé. Vous pouvez, par exemple, installer YouTube Auto Buffer & Auto HD & Remove Ads qui empêche les vidéos Youtube de démarrer automatiquement, enlève la pub et met la vidéo en HD, ou le script GMail Without Ads! qui va supprimer les publicités de GMail, etc.

Je vous propose également ma page de scripts qui est disponible à cette adresse : http://userscripts.org/users/25373/scripts

(Pour rappel, il est possible d’être notifié des nouveaux emails de GMail sur le bureau directement grâce à GNotifier ou Gtalk par exemple — ici je traite la façon de voir les nouveaux messages dans Firefox directement)

Grâce à des extensions pour Firefox comme FaviconizeTab, il est possible de réduire une fenêtre à la taille de l’icône du site web, mais du coup on ne voit plus le titre de la fenêtre, celui-là même qui indique qu’on a reçu des nouveaux messages. Par exemple Yahoo Mail affiche comme titre "(Non lus : 3)" ou encore GMail marque "Boîte de Réception (3)".

Pour GMail il existe déjà l’extension Better GMail 2 qui, en plus d’options bien sympathiques, va modifier l’icône de GMail pour indiquer par un chiffre le nombre de messages non lus. Alors, FaviconizeTab + Better GMail 2 donne cela :

Comme vous le voyez, un petit 1 est apparu à côté de l’icône GMail, ainsi je sais immédiatement que j’ai de nouveaux messages.

Pour Yahoo! Mail j’ai cherché sur divers sites, comme sur le site userscripts.org (dédié aux scripts pour l’extension Greasemonkey) mais sans résultat.
J’ai donc décidé de faire moi-même en deux lignes de code un script Greasemonkey qui permet de modifier l’icône de Yahoo Mail afin de me notifier l’arrivée de nouveaux messages dans ma boite de réception. Ainsi l’icône rouge passe au bleu :
(pas de nouveaux messages)
(de nouveaux messages)

Le script est disponible sur userscripts.org : FavIcon Yahoo! Mail.

A noter que ce script est inspiré de GMail Favicon Alerts 3.

EDIT: Yahoo! Mail vient tout juste de modifier son icône par défaut… J’ai décidé de conserver l’ancienne dans mon script puisque je la trouve plus jolie et visuelle. Mais il est possible d’utiliser la nouvelle icône en décommentant les bonnes lignes dans mon script Greasemonkey.

Il existe une extension pour Fireofx, FaviconizeTab, qui permet de réduire la taille des onglets que l’on souhaite pour ne laisser que l’icône du site web visible. Ce qui donne :

Ainsi les sites que je laisse sans arrêt ouvert ne prennent désormais qu’une place réduite dans ma barre.

Je vais faire un autre billet concernant la modification de ces icônes afin d’être averti d’une action particulière (comme sur l’image précédente où mon icône de Yahoo Mail est bleue au lieu de rouge pour m’indiquer que j’ai des messages, ou encore le petit 0 à côté de l’icône de GMail qui m’indique 0 message non lu).

Voici une astuce dont on ne parle pas beaucoup, et pour laquelle il est difficile de savoir comment s’y prendre…
Firefox, dans sa version supérieure à 3.1, s’est muni d’une bar d’adresse intelligente que l’on nomme the awesome bar. Lorsqu’on tape des mots, Firefox va automatiquement nous proposer des sites et cela grâce à un algorithme intelligent qui fournit un subtil mélange entre l’historique (url et titres) et les favoris (url, titre, tag). On trouve beaucoup de sites qui expliquent comment afficher plus de résultats : il suffit de taper about:config dans la barre d’adresse pour arriver sous le capot de Firefox, puis de modifier la chaine browser.urlbar.maxRichResults en indiquant le nombre de résultats souhaités.

L’autre point dont on parle moins est à propos d’une recherche ciblée. Imaginons que vous souhaitez trouver les liens que vous avez en favoris et pour lesquels vous avez utilisé le tag ‘android’. Il suffit alors de taper dans l’awesome bar:
+ android

En commençant par le mot clé + (suivi d’un espace) Firefox va cibler sa recherche dans les tags des favoris. On peut faire de même avec d’autres recherches :

• Historique : ^
• Favoris : *
• Tags : +
• Titres : #
• Adresses : @

Si vous souhaitez personnaliser ces caractères, rendez-vous dans about:config et cherchez les chaines qui commencent par browser.urlbar.restrict.

Lorsque vous avez un bouton <button> quelque part dans un formulaire HTML, alors que vous cliquez dessus avec Firefox, ce dernier va vouloir envoyer le formulaire, alors même que le bouton n’a pas cet objectif. En effet, supposons que vous vouliez que l’action onclick actionne une quelconque fonction javascript de votre cru.

Pour éviter ce comportement avec Firefox, on peut essayer d’insérer un return false qui aura plus ou moins de succès:

<button id="myButton" onclick="myFunction(); return false;">do it!</button>

Le return false donnera un résultat très aléatoire, et c’est pourquoi je conseille plutôt d’utiliser une fonction qui va stopper la propagation de l’évènement :

<button id="myButton" onclick="stopAction(event); myFunction();">do it!</button>

function stopAction(e) {
  if (!e) e = window.event;
  if (e.cancelBubble != undefined)
    e.cancelBubble = true;
  if (typeof e.stopPropagation != "undefined") {
    e.stopPropagation();
    e.preventDefault();
  }
  return false;
}

Avec ça, lorsque vous cliquez sur le bouton, la page ne devrait pas être rechargée.

Firefox souligne les mots incorrectement orthographiés en rouge. Un clic droit sur le mot permet de choisir une des propositions, et une option “Ajouter au dictionnaire” offre la possibilité de faire en sorte que Firefox se souvienne du mot. Vous aimeriez accéder à cette liste ? Pour cela, il suffit d’ouvrir le fichier persdict.dat que vous trouverez ici :

Dans ce fichier vous verrez tous les mots ajoutés dans le dictionnaire intégré de Firefox.

(Source: http://labnol.blogspot.com/2006/11/firefox-2-spelling-dictionary-hacks.html)

Savez-vous que Firefox est hautement configurable ? Pour cela il suffit de taper about:config dans la barre d’adresse (sans les http:// !), et il vous révèle alors ses entrailles. Mozillazine nous propose une page entièrement dédiée aux variables de sous le capot de Firefox. La plupart du temps vous n’aurez pas à modifier un de ces champs, mais parfois cela peut s’avérer utile.

Par exemple, si vous utilisez Firefox à votre travail sur un intranet dans un domaine Windows, vous avez dû remarquer que votre login/mot de passe vous sont sans arrêt demandés. Ce phénomène est dû au système d’authentification NTLM. Pour éviter de retaper nos informations, il suffit d’aller dans about:config puis de modifier la bonne variable :
network.automatic-ntlm-auth.trusted-uris
Un simple double-clique permet de changer sa valeur. Vous aurez à inscrire, séparés par des virgules, les domaines de votre entreprise (par exemple .monintranetdentreprise.com, ou encore le nom d’un serveur à la résolution locale c’est-à-dire sans extension TLD comme monserveurintranet). Dorénavant lorsque vous accèderez à un de ces domaines, Firefox ne vous demandera plus vos informations.

Tux-Planet propose 10 astuces pour configurer et améliorer Firefox grâce à about:config. Par contre, concernant l’accélération de Firefox, je recommande ici la plus grande prudence. J’ai moi-même tenté quelques changements, sans remarquer un effet visible, et même parfois un comportement bizarre…

Dernier exemple ; il est possible de désactiver le scan de l’antivirus des fichiers que vous venez de télécharger. Quel intérêt ? Il se trouve dans le fait que l’antivirus peut prendre plusieurs secondes à vérifier un fichier nouvellement téléchargé, et même quand il fait une taille minuscule…

Sur l’excellent blog Ajaxian je viens de découvrir qu’il existe un plugin au module Firebug (dont je parlais justement hier) qui permet de déboguer du PHP en console ! Cette petite merveille se nomme FirePHP et m’a l’air prometteur au vue des images:

Je ne code actuellement pas en PHP, mais je dois bientôt retravailler sur un projet avec ce langage, je pourrai alors vous en dire un peu plus !

A noter qu’il existe d’autres moyens de débugguer, comme PHP Quick Profiler (en).

Puisque j’en suis à parler de Firefox, autant continuer sur ma lancée. Je vais vous présenter quelques extensions que je trouve particulièrement intéressantes, voire même indispensables pour certaines.

Personas (niveau: débutant)

Un des derniers modules de Firefox qui vient de sortir et qui vous permet, d’un mouvement de souris, de modifier l’apparence de votre navigateur. Des centaines et des centaines d’habillages sont proposés. C’est inutile mais donc totalement indispensable, et c’est avant tout pour avoir un navigateur personnalisé qui fait beau lorsque nos amis viennent consulter leurs emails Hotmail à la maison

Obtenir Personas

________________________________________________________________________
Dictionnaire (niveau: débutant)

Lorsque vous écrivez dans une zone de texte il est bien appréciable que Firefox souligne en pointillés rouges les mots mal orthographiés et vous propose des corrections. On fait ainsi moins de fautes. Pour cela vous pouvez installer un des deux dictionnaires français proposés (il me semble que celui noté “réforme 1990” est le plus récent).

________________________________________________________________________
Protégez votre vie privée de Google (niveau: débutant)

On partage déjà beaucoup d’informations sur notre vie privée via les blogs, les réseaux sociaux, les sites de partage etc. Cette fois Google va un peu plus loin car le géant va se servir de vos recherches et des sites que vous visitez pour connaître vos habitudes, et ainsi vous proposer des publicités ciblées sur tous les sites ayant une publicité AdSense (autant dire tous les sites!).
En gros, si vous allez souvent sur lequipe.fr et que vous cherchez régulièrement des mots en rapport avec le sport, alors Google va vous catégoriser dans “aime le sport”, et vous allez voir plus de publicités concernant le sport là où vous irez.
Afin d’éviter cette intrusion dans votre vie privée, et l’utilisation pour des tiers, Google met à la disposition des utilisateurs d’Internet Explorer et Firefox un plugin que je vous encourage à installer.

________________________________________________________________________
CustomizeGoogle (niveau: débutant)

Ce module vous permet de personnaliser les résultats de Google en supprimant la publicité, en ajoutant la suite de la recherche au fur et à mesure que vous descendez dans la page, en proposant des liens alternatifs, et bien d’autres choses. Il fonctionne pour la recherche simple, mais aussi pour la recherche d’images, pour les news, et les autres services de Google. Il est facilement configurable et a beaucoup d’options.

________________________________________________________________________
DownloadHelper (niveau: intermédiaire)

Cette extension va vous permettre de télécharger une vidéo (ou une musique) que vous êtes en train de visionner/écouter sur une page web. DownloadHElper est capable de trouver les médias présents et vous les propose dans un menu. Il suffit de choisir celui qu’on veut et le téléchargement commence sous peu.
Il est simple à utiliser. Je vous invite à l’installer et à lire les instructions.

________________________________________________________________________
GreaseMonkey (niveau: intermédiaire)

Ce merveilleux module va vous permettre, en y incorporant des scripts tiers, d’ajouter des fonctionnalités à vos sites préférés. Par exemple celui-ci qui vous permet de passer automatiquement la page de publicité qui apparaît lorsque vous allez sur le site d’AlloCiné, ou bien encore celui-ci qui empêche les vidéos de YouTube de se lancer automatiquement au chargement.
On trouve donc sur http://userscripts.org/ des milliers de scripts. Mais vous pouvez aussi faire les vôtres (d’ailleurs mon GreaseMonkey contient majoritairement des scripts fait-maison).
A noter l’existence de Grasefire qui vous indique, sur chaque site visité, si des scripts Greasemonkey existent.

Obtenir GreaseMonkey.

________________________________________________________________________
Session Manager (niveau: intermédiaire)

SessionManager va vous permettre de sauvegarder les tabulations ouvertes pour les réouvrir à un autre moment. De plus, lorsque Firefox plante, SessionManager propose les tabulations de votre dernière session et c’est à vous de choisir lesquelles vous souhaitez réouvrir (cela permet par exemple de zapper celle qui a provoquée le crash).
Depuis que Firefox gère la réouverture des derniers onglets fermés, cette extension est moins utile, mais je m’en sers encore très régulièrement (par exemple pour sauver tout un tas de tabulation sque je souhaite reconsulter plus tard, ou encore lorsque Firefox crash justement).

________________________________________________________________________
ColorZilla (niveau: expert)

Si je classe ce module dans expert, ce n’est pas pour sa complexité d’utilisation (bien au contraire!) mais pour l’utilisation qu’on peut en avoir. En effet, depuis que je l’ai, je m’en sers principalement lorsque je code du CSS et que je cherche une teinte particulière.
ColorZilla offre une pipette qui vous permet de récupérer le code de n’importe quelle couleur d’un site. Très pratique!

________________________________________________________________________
Firebug (niveau: expert)

C’est THE extension à avoir! Totalement indispensable, Firebug permet de débugguer n’importe quelle page en ayant accès au DOM, aux propriétés CSS, à une console Javascript, et bien d’autres choses. Depuis que je l’ai je ne peux plus m’en passer !

On notera que pour Internet Explorer vous pouvez utiliser une version lite de Firebug. Bien moins de fonctionnalités, mais ça aide quand même.

________________________________________________________________________
Web Developer (niveau: expert)

Moins utile que Firebug, la toolbar Web Developer a tout de même quelques fonctionnalités bien pratiques comme l’affichage de tous les javascript de la page, ou encore de tous les CSS, ou le code source “final”, le redimensionnement de la fenêtre (pour s’adapater à un écran 800×600 par exemple), etc. C’est sans aucun doute un excellent complètement de Firebug.

________________________________________________________________________
Il existe d’autres extensions, plus ou moins utiles (comme Hide Find Bar qui cache la barre de recherche au bout de quelques secondes), mais j’ai exposé ici celles que j’utilise le plus au quotidien. Laissez en commentaires celles que j’ai pu oublier

J’ai eu l’occasion ce week-end de réinstaller Firefox chez un ami. J’en ai profité pour lui apprendre quelques raccourcis claviers/souris qui peuvent faire gagner du temps. J’ai souvent remarqué que les gens ne les connaissent pas. Voici de quoi vous rattraper:

– CTRL + T : ouvre un nouvel onglet
– CTRL + L : donne le focus à la zone d’adresse (là où vous entrez l’adresse du site)
– CTRL + E : donne le focus à la zone de recherche (les navigateurs sont maintenant dotés d’une boite de recherche qui évite d’aller sur le site de Google/Yahoo/Autre et donc fait gagner du temps)
– CTRL + SHIFT + T : réouvre le dernier onglet fermé
– CTRL + clic souris sur un lien : ouvre le lien dans un nouvel onglet

Vous avez une souris avec une molette ? Alors saviez-vous qu’en cliquant sur la molette lorsque sur vous êtes sur un onglet, cela provoque sa fermeture ? Et que si vous cliquez sur la molette lorsque vous êtes sur un lien, cela ouvre le lien dans un nouvel onglet ?

A noter que cela marche sous Internet Explorer (au moins à partir de la version 7) et sous Firefox, et certainement sur les autres navigateurs modernes.