Abonnez-vous au Flux RSS

Editer une page d'un site web

Amusant, une astuce permet de modifier/ éditer n'importe quelle page d'un site web dans votre navigateur et cela très simplement, sans à avoir à télécharger quoique ce soit, ou faire une manip. compliquée.

Comment faire ?

1ère étape : copiez ce bout de code javascript ci-dessous :

javascript:document.body.contentEditable='true'; document.designMode='on'; void 0

2nde étape : visitez n’importe quel site web et une fois la page chargée, collez le bout de javascript dans votre barre d'adresse et taper 'Enter'.

Désormais vous pouvez éditer la page web, modifier les textes mais aussi parfois changer la taille des calques comme si vous étiez dans un éditeur de page web.

Je me suis amusé à tester cette astuce sur une page du site web  :¬)

Hack edition

Cette astuce est valable sous Opera, Internet Explorer et Firefox.

Info via

Diffusez cette note via Additious
 

Commentaires

1. Le vendredi 20 avril 2007 à 12:10, par Jeromes

Très fort!
Comment truquer des screenshots :)



2. Le vendredi 20 avril 2007 à 13:17, par Romuald

Mais je ne comprends pas, ça sert à quoi ?



3. Le vendredi 20 avril 2007 à 13:38, par Netwizz Jungle Blog

Romuald: c'est comme un tour de magie de Gérard Majax, ça ne sert à rien ;))
Ou sinon tu peux faire un aperçu des modifs chez ton client pour lui montrer ce que cela donne, ça en jette :)



4. Le vendredi 20 avril 2007 à 13:52, par Romuald

Ah ok, nan parce que je m'imaginais déjà hacker le site de l'UMP...



5. Le vendredi 20 avril 2007 à 18:04, par Fubiz

Ca rend plutôt pas mal!



6. Le vendredi 20 avril 2007 à 22:03, par Luc

Je confirme, ca marche bien!
Merci pour ce moment de gloire! ;-)



7. Le samedi 21 avril 2007 à 07:58, par jm

Enquête de Jean-Marie Gall
Lagos : les derniers jours de Sunday
---------------------------------------------------------------------------------------
Ca marche bien, je viens d'essayer, marrant et sympa l'astuce, j'ai également fait un essai sur le monde; Bienvenue chez G.Majax ...:)










8. Le samedi 21 avril 2007 à 12:02, par techbee

Génial:)



9. Le dimanche 22 avril 2007 à 23:50, par Alexis Chazard

@Romuald et NJB : C'est excellent, oui ! J'ai déjà commencé à m'en servir pour créer de nouvelles pages sur mon site sans ouvrir un éditeur de page ! Il suffit de mettre en ligne la nouvelle page une fois celle-ci enregistrée (dans Firefox enregistrer comme "page web complète"). Quel gain de temps ! Et puis j'aime assez que cela induise aux fichiers un aspect métastable. Classe…



10. Le mardi 24 avril 2007 à 11:08, par palpitt

ça marche bien, et très bon exemple ;)



11. Le mardi 24 avril 2007 à 19:27, par TAMBOUR

Cette info s'adresse t'elle à des pros, car même en suivant les 2 étapes, il doit me manquer quelque chose, hormis une "case". Pourrais tu détailler cette manip qui me semble sympa, sachant que j'utilise aussi firefox. D'autre part, dans un commentaire, on parle d'enregistrer comme une page web, mais là aussi je pêche. Merci pour la réponse.
Eric



12. Le mercredi 25 avril 2007 à 02:38, par Netwizz Jungle Blog

@tambour: hummm... difficile de faire plus simple :)
Tu copies le code (Ctrl+C), tu vas sur un site web, tu colles le code dans la barre d'adresse (Ctrl+V), tu tapes sur ton clavier la touche "Entrée". Et là tu peux modifier le texte comme tu veux.
Pour enregistrer la page avec les modifs, tu vas dans le menu "Fichier" de Firefox, et tu fais "Enregister sous..." (Ctrl+S)
Simple, non ? :)



13. Le mercredi 25 avril 2007 à 11:19, par TAMBOUR

Merci pour la réponse, rapide et précise, car je n'avais pas imaginer la manip de cette façon. Je cours essayer. Sinon, comment insérer une copie d'écran ou autre image sur un blog typepad, car je pensais qu'avec ton astuce on pouvait le faire.
bonne journée, Eric



14. Le mercredi 25 avril 2007 à 11:27, par TAMBOUR

C'est pour les modifs que cela pêche, quelle est la manip pour modifier une page????



15. Le mercredi 25 avril 2007 à 13:48, par Netwizz Jungle Blog

@Tambour: je te conseille d'abandonner mon astuce ;)
et de lire l'aide chez Typepad :
l'aide sur l'éditeur de texte : --> help.typepad.com/tipsfr/w...
l'aide sur comment insérer une image : --> help.typepad.com/weblogsf...

En espérant t'avoir aidé.



16. Le mardi 1 mai 2007 à 12:54, par Cathy

Bluffant ! de quoi bien s'amuser, surtout au moment des élections !



17. Le mardi 1 mai 2007 à 12:58, par jm

@Cathy
Je pense comme toi, c'est d'ailleurs un peut le but, du coups, j'y vais de temps à autre, de plus, c'est bien fait est précis par dessus tout ...:)