Paramètrer Noscript en mode “Liste Noire” pour Javascript

I Introduction

Hello un nouveau petit article, pour ne pas se rouiller. Pour ne pas sortir de mon spectre habituel, je vais vous présenter une extension pour Firefox, qui existe depuis un bon moment déjà, et qui permet d’empêcher les sites que vous visitez d’exécuter des scripts javascript dans votre navigateur, j’ai nommé NoScript.Bon j’ai conscience d’avoir déjà utilisé pas mal de gros mots, donc je vais faire un rappel rapide:

• Un navigateur, c’est le logiciel que vous utilisez pour aller sur Internet. Par exemple Internet Explorer, Firefox ou Chrome.
• Quant à Javascript, c’est une technologie qui permet aux sites web d’effectuer des opérations sur votre ordinateur sans qu’il soit nécessaire de recharger la page. Par exemple, si sur certains sites un popup s’affiche par simple survol de la souris, c’est du Javascript. Si vous remplissez un formulaire, et qu’un message apparait pour vous aider à le remplir, c’est aussi du Javascript. Javascript est donc prévu à la base pour vous faciliter la vie et faire en sorte que la navigation des sites internet soit plus rapide et plus simple. Mais son usage ne s’arrête pas là, et certains sites peuvent se servir de Javascript pour des usages plus ou moins malhonnêtes, depuis celui qui va faire quelques statistiques à celui qui va carrément exploiter les ressources de votre ordinateur au détriment de votre confort de navigation, et il est même possible d’utiliser des failles du navigateur pour installer des virus sur votre ordinateur. Bref ce n’est pas toujours joli joli, mais dans l’immense majorité des cas, vous ne craignez rien, et vous avez peu de probabilité statistique de tomber sur un script malicieux vraiment gênant, si vous vous contentez de naviguer normalement sur le Web.

Pourquoi ne vous avais-je pas encore parlé de NoScript? Tout simplement parce que cette extension est paranoïaque à l’extrême. Elle bloque par défaut tous les scripts Javascript de tous les sites internets, ainsi que tous les objets embarqués, comme les vidéo, pdf, objets flash, etc. Et sur chaque nouveau site internet, une barre popup s’affiche au dessus de la barre d’état pour vous indiquer quels scripts ont été bloqués et vous donner le loisir de les autoriser ou non, ce qui est très vite lassant, surtout lorsque l’on sait que 60% des scripts en question sont inoffensifs et souvent indispensables à une bonne navigation sur le site visité, et que sur les 40% de scripts restants, la majorité sont soit inopérant (car non compatibles avec votre ordinateur), soit peu gênants (outils de stats, scripts de partage de contenus, bouton “j’aime” de Facebook, etc).

En ce qui me concerne je suis peut être tombé trois ou quatre fois maximum ces dernières années sur des sites contenant des scripts que j’ai eu besoin de bloquer, chaque fois j’ai pensé à NoScript, et chaque fois j’ai fini par le désinstaller, car son comportement par défaut de tout interdire et d’avoir une liste blanche des sites autorisés est vraiment contraignant. Jusqu’à aujourd’hui. En effet figurez vous qu’aujourd’hui même, Korben que l’on ne présente plus a eu l’idée de tester pour quelques heures un script de type invasif permettant de gagner de la monnaie virtuelle sur le dos des visiteurs de son site internet. En ce qui me concerne, le processeur de mon ordinateur s’est mis à tourner à fond, et l’ensemble de mon ordinateur a sérieusement ralenti, ce qui est absolument intolérable. Ni une ni deux, j’ai réactivé NoScript en me demandant quelle mouche l’avait piquée et s’il n’aurait pas pu règler son truc sur un niveau plus discret (Note: Korben a depuis retiré son script). Et je me suis retrouvé à nouveau confronté au problème du fameux paramètrage de NoScript sous forme de liste blanche.

II L’Astuce

La problématique est donc la suivante: comment faire pour autoriser l’ensemble des scripts de tous les sites internet à s’exécuter normalement, sauf certains que l’on souhaite spécifiquement bloquer? De la même manière finalement que l’on peut spécifiquement bloquer les publicités avec l’extension Adblock+.

Après une petite recherche sur la toile, il apparait, qu’il existe une extension FireFox spécifiquement dédiée à cela : YesScript. Je pense que le nom est suffisamment parlant: d’après la description, elle permet de faire exactement ce qui est demandé, c’est à dire tenir une liste noire des scripts non acceptés. Mais il semblerait aussi qu’elle soit bien moins évoluée que NoScript en termes de fonctionnalités.

Heureusement, une petite recherche dans les commentaires de l’extension s’est avérée payante: NoScript peut effectivement être paramétrée en mode “liste noire”. Pour cela, il suffit d’aller dans les options de l’extension, et de choisir d’autoriser le Javascript globalement (vous aurez droit à un petit message d’avertissement bien flippant qu’il vous faudra ignorer). Ensuite de quoi, sur chaque site dont vous voudrez bloquer les scripts pernicieux, survolez l’icone de NoScript dans la barre d’état, et choisissez l’option “marquer tel.site.com comme non fiable” pour obtenir le comportement attendu.

III Conclusion

Voila pour les explications. De cette manière la navigation sur internet avec NoScript sera bien moins pénalisante (mais également moins sécurisée vous diront les puristes). Vous trouverez NoScript sur le site des modules de Firefox. Si vous ne savez pas comment l’installer, voici un petit guide qui commence à dater un petit peu, mais reste d’actualité.

[Avancé]Inscrire dans le marbre le comportement de Firefox au démarrage

Plop, une petite astuce que j’ai mis du temps à trouver: Il y a certaines valeurs de configuration de Firefox qu’on aimerait voir réinitialisées à chaque redémarrage, même si ce n’est pas toujours le cas par défaut notamment sous Windows.

Je pense particulièrement à l’endroit de téléchargement par défaut dans le cas où dans les préférences on a choisi de toujours être interrogé sur où enregistrer les fichiers: Il semblerait que sous Windows du moins chez moi, le dernier endroit choisi pour l’enregistrement précédent soit reproposé le coup d’après, ce qui est parfois utile et parfois franchement handicapant. Après une recherche assez fouillée, j’ai fini par trouver comment faire pour qu’au démarrage de Firefox, cela soit réinitialisé.

Avant d’aller plus loin, si vous n’avez jamais eu l’occasion de modifier manuellement des clés de configuration de Firefox, je vous conseille de lire mon article Configuration avancée de Firefox.

Si vous avez lu jusque là, vous savez qu’un très grand nombre de paramètres régissant le comportement de Firefox sont inscrit dans about:config. Certaines de ces clés, comme par exemple browser.download.lastDir sont modifiées automatiquement par le navigateur et ne sont pas forcément réinitialisées au démarrage suivant de Firefox.

Une bonne manière de forcer la réinitialisation au redémarrage suivant est d’aller dans votre dossier de configuration de firefox (dans application data sous Windows et dans .mozilla sous GNU/Linux), et d’y rechercher le fichier user.js (qui doit se trouver dans le même dossier que le fichier pref.js). S’il n’existe pas, créez le, et initialisez y toutes les valeurs que vous souhaiterez, par exemple dans notre cas, on pourrait ajouter la ligne: user_pref(“browser.download.lastDir”, “G:\\Download\\blahblah”);
Attention  à bien mettre des double backslahs (le caractère ‘\’) dans le chemin d’accès, c’est très important. Comme le fichier de configuration user.js a forcément le pas sur les autres, cette manipulation devrait vous tirer d’affaire.

Consultez aussi à ce sujet : User.js file – MozillaZine (Anglais).

Geckozone: Un bon site en français sur Firefox et toutes ses extensions

Ca fait un peu bizarre dans un blog dont de si nombreux articles parlent de Firefox et de ses extensions, de ne pas avoir encore présenté Geckozone. C’est pourtant une mine d’or en terme de renseignements, et qui plus est en français. N’hésitez pas à y faire un tour

Si vous souhaitez réaliser votre propre feuille de style CSS

Nous avons présenté dans deux précédents articles les feuilles de style CSS, et leur utilisation conjointe avec l’extension Firefox Stylish. Voici maintenant quelques conseils si vous souhaitez vous lancer dans la création de votre propre feuille de style CSS pour un site donné.

a) Récupérez la feuille de style CSS du style Web en question.

1. Affichez le code source de la page (combinaison de touches ctrl+U), et recherchez l’emplacement de la feuille de style CSS. Pour ce faire, faites la combinaison de touches ctrl+F et recherchez la chaine de caractères “.css“.
2. Vous obtenez alors soit une adresse internet entière, par exemple dans le cadre de mon blog, vous allez tomber sur http://s3.wordpress.com/wp-content/themes/pub/garland/style.css?m=1233010721b.
3. Sinon vous pouvez tomber sur une adresse relative (qui ne commence pas par http:// mais par /quelquechose). Auquel cas vous pourrez généralement reconstituer l’url entière de la feuille de css en accolant l’adresse realtive à l’adresse globale du site pour obtenir une adresse du style http://www.monsite.com/quelquechose.
4. Enregistrez le contenu texte de la feuille de style que vous obtenez sous un nom quelconque par exemple CssPersonaliséMonSitePointCom.css (en n’oubliant pas le plus important, l’extension .css).

b) Modifiez là à votre convenance en vous inspirant de l’existant.

1. D’abord il y a des choses complètement évidentes. Par exemple l’attribut background-color de la balise body désigne évidemment la couleur d’arrière plan du site. Allez sur code-couleur.com, choisissez une nouvelle couleur qui vous convient mieux, et remplacez le code hexadécimal de la feuille de style par celui que vous donne le site pour la nouvelle couleur choisie.
2. Ensuite comparez à grand renfort de ctrl+F quelles sont les correspondances des balises moins évidentes. Dans ce cadre l’utilisation de Firebug vous sera sans doute d’un grand secours tant pour établir les correspondances que pour avoir un petit aperçu de ce que vos changements vont donner.

c) Testez votre feuille de style sur le site concerné:

1. Repérez l’icone de Stylish en bas à droite du navigateur (elle ressemble à une feuille blanche avec un pinceau) et son nom apparait lorsque vous passez la souris dessus. Sinon vérifiez que vous avez bien installé Stylish.
2. Cliquez dessus, passez la souris sur “Ecrire un style“, faites votre choix dans le menu déroulant. Puis copiez collez votre feuille de style dans le cadre qui s’affiche en laissant en tête le code par défaut.
3. Validez, raffraichissez la page, et profitez .

Je précise que je n’ai pas encore testé d’écrire ma propre feuille CSS dans ce cadre là. Si jamais le besoin s’en fait sentir, ou si l’un d’entre vous trouve quelque chose de pas clair et me le demande, j’éditerai pour expliquer commen pallier aux difficultés rencontrées éventuelles. Ceci dit tout me parait assez clair, et pour les anglophones, l‘aide de Stylish est très bien faite.

Explorez, débuggez, et améliorez votre compréhension des pages Web avec Firebug

Maintenant que nous avons commencé à nous intéresser au contenu des pages Web, il est temps de vous présenter cette petite merveille qu’est l’extension Firebug de Firefox. Elle a plusieurs fonctionnalités intéressantes.

• D’abord elle permet de savoir instantanément quelle section du code correspond à quelle partie de la page, car en passant le curseur sur telle out telle section du code, le morceau correspondant de la page web est bleuté.
• Ensuite elle organise le code de façon agréable et intuitive par section que l’on peut développer ou réduire en cliquant sur la croix correspondante si le besoin s’en fait sentir.
• Par ailleurs pour chaque section du code html, il est possible d’observer le code de présentation CSS qui lui est associé.
• Enfin elle permet d’éditer la page Web à sa sauce et d’observer instantanément le résultat. A noter que dans ce cas là, les changements ne sont pas enregistrés et que dés que l’on rafraichira la page elle retrouvera sa présentation d’origine.
• Et plein d’autres fonctionnalités utiles que je ne détaillerai pas plus avant car elle correspondent à un usage plus avancé..

Changez la présentation des sites Web que vous visitez

Je ne sais pas si ça vous est déjà arrivé en allant sur un site internet de vous dire quelque chose comme “Sympa ce site! Mais quel dommage que sa présentation soit si moche!“. Sachez alors que vous avez une autre alternative que de choisir entre supporter le visuel désagréable du site et ne plus aller dessus. En effet, il existe une petite extension de Firefox qui s’appelle Stylish, et qui va vous permettre de remplacer la feuille de style CSS fournie par le site Web par une feuille de style plus à votre gout.

Pour ce faire, vous avez plusieurs possibilités:

1. Regarder sur userstyles.org si quelqu’un n’a pas déjà développé une feuille de style plus sympathique pour le site Web en question, pour cela repérez l’icone de Stylish en bas à droite du navigateur (elle ressemble à une feuille blanche avec un pinceau) et son nom apparait lorsque vous passez la souris dessus. Cliquez alors dessus, puis cliquez sur “Trouver des styles pour cette page“. Un fois que vous avez trouvé votre bonheur, il doit y avoir quelque part sur la page un bouton “load in Stylish” qui vous permettra de profiter du script .
2. Demander sur le forum de userstyles.org si quelqu’un n’aurait pas la gentillesse de bien vouloir vous en créer une (par contre il faut savoir parler anglais),
3. Apprendre un minimum de langage CSS, ce qui n’est pas dur du tout, pour refaire le design du site en question à votre sauce, en vous aidant des conseils disponibles sur le forum. Vous pouvez à ce sujet consulter mon billet Si vous souhaitez réaliser votre propre feuille de style CSS .

Par exemple pour des gens qui comme moi vont souvent sur internet la nuit, les pages Web écrites comme dans les livres en noir sur blanc, ça pique un peu les yeux à la longue. C’est pourquoi, nous avons tendance à rechercher des choses écrites plutot en couleur claire sur fond foncé, qui fatiguent bien moins les yeux. Je reviendrai dans un article ultérieur sur toutes les manières de transformer l’affichage de son ordinateur dans ce but, mais vous avez déjà un aperçu dans l’illustration de ce billet de l’un des résultats de cette démarche avec l’aide du script Stylish Google Web Search – dark blue redesign.

Apprenez la dactylographie avec Firefox!

Alors voici deux sympathiques extensions que je n’ai pas testées, mais que je vous signale, car je suis tombé dessus totalement par hasard, et qu’au vu du nombre de téléchargement et de la note des critiques, elles doivent vraiment pouvoir rendre service à tous ceux qui n’ont jamais appris à taper au clavier.

La première, Addictive Typing Lessons, vous apprendra la frappe au clavier, et la seconde, Numpad Typing Drills, vous enseignera l’usage du clavier numérique. Voila, bon courage pour devenir des futurs pros de la dactylo, et je rappelle une fois de plus pour tous ceux qui sont novice dans l’installation d’extensions Firefox qu’ils peuvent suivre ce Tutoriel .

Petits jeux dans Firefox…

Mozteroids

Bon ça n’est pas révolutionnaire, mais si vous cherchez un moyen agréable de passer le temps avec Firefox entre deux pannes de connexion par exemple, vous pouvez ajouter des petits jeux sous forme d’extensions. Je n’ai pas eu le temps d’en tester plus que quelques uns, mais je vous en ai sélectionné une liste parmi ceux qui avaient l’air intéressants (cliquez sur l’image pour aller sur la page dédiée à l’extension):

Xultris

Pacman

Numbers Madnss

Clines

Red vs Blue

Froggr

Snake

PingPong

Xoom

Cette liste n’est probablement pas exhaustive. A ceux qui me demanderaient pourquoi il y a si peu de jeux, je dirais qu’à la base Firefox n’est pas fait pour ça, et que ce n’est sans doute ni la manière la plus simple, ni la plus optimisée de faire un jeu. Je rappelle pour tous ceux qui sont novices dans l’installation d’extensions Firefox qu’ils peuvent suivre ce Tutoriel .

Pour mieux vous y retrouver dans vos dizaines d’onglets: le combo gagnant

FaviconizeTab vous permet de réduire la taille des onglets, Tab Popup vous permet d'avoir un popup d'aperçu de ceux ci lorsque la souris passe dessus.

Eh non je ne suis pas mort, mais j’ai simplement eu énormément de boulot ces derniers temps, ce qui m’a tenu loin de mon blog. Aujourd’hui je vais vous parler de deux petites extensions Firefox dont la combinaison peut s’avérer particulièrement utile si vous aimez avoir des dizaines d’onglets ouverts à la fois.

FaviconizeTab vous permettra de réduire largeur de vos onglets en en cachant le titre, et en n’affichant que la petite image, d’où un gain de place appréciable, vu que le nombre d’onglets qui vont tenir dans la largeur de l’écran est du coup multiplié par 3 ou 4. Sympa me direz vous, sauf que l’image ne permet pas toujours de savoir exactement ce que contient l’onglet…

C’est là qu’intervient Tab Popup. Lorsque vous passez la souris au dessus d’un onglet autre que celui en cours, cette extension affiche une petite image popup de son contenu.

La combinaison de ces deux extensions ravira donc tous ceux qui aiment ouvrir des dizaines d’onglets simultanément. Personnellement je n’en suis pas trop fan, car je considère que trop d’onglets consomment trop de ressources, et en général, je me débrouille sans. Mais je connais pas mal de gens à qui ça pourra  être utile .

Voila, et je rappelle une fois de plus pour tous ceux qui sont novice dans l’installation d’extensions Firefox qu’ils peuvent suivre ce Tutoriel .

Un portail recensant tous mes tutoriels sur firefox.

Les plus observateurs l’auront sans doute remarqué, j’ai publié depuis aujourd’hui une nouvelle page statique qui est en fait un index de tous les articles que j’ai écris sur Firefox. Comme leur nombre  commençait à être conséquent, au point que moi même, je ne me rappelai pas toujours d’avoir traité tel ou tel sujet, je me suis dit que si je commençais à m’y perdre, a fortiori ça ne devait pas être du gâteau pour mes visiteurs. D’où l’idée d’une page portail classifiant tous mes articles par catégories avec chaque fois le lien pointant vers la page correspondante.

Cette page continuera à s’étoffer au fur et à mesure que je continuerai de publier de nouveaux articles sur le sujet.  Pour y accéder, cliquez sur le lien “Portail Firefox” tout en haut à droite .

Je profite de cet article de news pour vous remercier de votre fidélité, car le nombre de visites journalières moyen a plus que doublé en seulement deux semaines. Sans vouloir forcément chercher à faire du chiffre, ça montre que mon travail vous sert, ce qui est bon pour le moral et m’encourage à continuer .