SourceEditor, un plugin Firefox pour éditer les pages Web en live!

En général, quand vous souhaitez essayer quelquechose sur vos webdesigns, vous sortez la grosse artilleries: récupération du code, lancement des outils de développement, développement à proprement parler, puis test sur votre environnement (moi j’ai la flemme, je le fais direct sur la prod, sur un blog de test).

Parfois, il s’agit juste de savoir si un titre serait mieux en italique ou en rouge. Et franchement faire toutes ces opérations sans savoir si cela nous plaira est une perte de temps. Pire, si la page en question n’est pas la votre, vous n’avez pas le code source.

SourceEditor est un plugin pour Firefox que je trouve tout simplement énorme. Cette extension minuscule permet d’éditer une page en direct, dans votre navigateur, même si vous n’êtes pas le propriétaire du code.

Si vous souhaitez changer juste du texte, aucune connaissance en HTML n’est nécessaire. Par exemple, je veux changer le titre de mon billet précédent

1/ Je lance tout d’abord l’extension:

2/ A partir de ce moment, tous les blocs de ma page HTML cible deviennent sélectionnables:

souceeditor_titre_billet_selection

3/ Ensuite, je n’ai qu’a faire un clic droit et cliquer sur « Edit Source »:

4/ Je n’ai plus qu’a changer le texte:

souceeditor_titre_billet_exemple

5/ Voici le résultat:

sourceeditor_resultat

Là où ce plugin devient ultra intéressant c’est qu’il est possible d’injecter du HTML (simple). Par exemple, j’ai ajouté des balises <em> à mon titre:

sourceeditor_resultat_italique

Cette extension peut aussi être pratique pour détourner certaines pages et ainsi faire des screenshots sympa:

sourceeditor_detournement_presse_citron_net
(cette image est un détournement et ne correspond pas à la réalité, merci de ne pas m’envoyer en prison ;) )

Bon ok, j’ai les chevilles qui enflent, merci Eric.
Bien entendu j’aurais pu enregistrer la source de la page et l’éditer, mais là c’est beaucoup plus rapide.

Une très bonne extension, non intrusive (puisque elle ne s’active qu’à la demande) et très simple d’utilisation.

Téléchargez Source Editor 0.2 pour Firefox