Inversez les couleurs d'un site web à l'aide d'un simple favori de votre navigateur

Tutoriaux > Javascript > Inversez les couleurs d'un site web à l'aide d'un simple favori de votre navigateur

Inversez les couleurs d'un site web à l'aide d'un simple favori de votre navigateur
Si vous avez les yeux fatigués par les sites internet avec un texte blanc sur fond noir, voici une petite astuce pour ajouter un favori dans votre navigateur qui vous permettra d'inverser les couleurs d'une page web en un clic.

Un raccourci utilisant JQuery

Nous allons tout simplement créer un nouveau favori dans notre navigateur. Par exemple sous Google Chrome, il suffit d'un simple clic-droit sur la barre de favoris, puis "Ajouter une page" (plus d'informations ici pour les débutants)

Ensuite, placez tout simplement le code suivant en tant que lien du favori:

Code

javascript:function load_script(src,callback){var s=document.createElement('script');s.src=src;s.onload=callback;document.getElementsByTagName('head')[0].appendChild(s);}function invertColors(){var colorProperties=['color','background-color'];$('*').each(function(){var color=null;for(var prop in colorProperties){prop=colorProperties[prop];if(!$(this).css(prop))continue;color=new RGBColor($(this).css(prop));if(color.ok){$(this).css(prop,'rgb('+(255-color.r)+','+(255-color.g)+','+(255-color.b)+')');}color=null;}});}load_script('http://www.phpied.com/files/rgbcolor/rgbcolor.js',function(){if(!window.jQuery)load_script('https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js',invertColors);else invertColors();});



Et bien entendu, nommez votre favori comme vous le sentezSourire

Pas sur tous les sites

Attention, certain sites resteront insensibles à ce bouton, et c'est le cas d'Aidoweb. Je suppose que ce sont des sites qui utilisent déjà JQuery ou d'autres fonctions Javascript qui entrent en conflit avec le texte du bouton.

Et des fois, l'inversion n'est pas instantanée mais peut prendre quelques secondes (c'est le cas sur http://news.google.com/) ou être très rapide (comme sur http://www.lexpress.fr)



Par Pouzy , Le 18 Février 2012 à 18h32
Ce tutoriel est la propriété d'Aidoweb et ne peut en aucun cas être copié.

Retour à Javascript

Ajouter un commentaire

Suite a un fort volume de spam, les commentaires d'invités sont pour le moment désactivés. Vous devez vous inscrire ou vous identifier pour pouvoir commenter cet article, ou demander du support.

Lectures recommandées

Commentaires sur cet article

Eee - Le 12 Mai 2012 à 16h31

c'est que le blanc qui serre de fond d'ecran n'est pas le heme par defaut de votre navigateur!
si vous faite clique droit/voir l'arriere plan
tada c'est noir

Tutoriaux > Javascript > Inversez les couleurs d'un site web à l'aide d'un simple favori de votre navigateur