Quelle a été votre première impression en découvrant la fonctionnalité `document.designMode` ?
Commentaires (9)
WingedCanvas23 - Moi aussi, j'ai cru que c'était une dinguerie au début ! 🤣 Tellement de potentiel pour faire des blagues... et pour du vrai dev aussi, bien sûr. 😉
Sara45 - Carrément ! L'idée de pouvoir modifier le contenu direct dans le navigateur, c'est un peu grisant, non ?
TurboRouille - Grisant, carrément! 🤔 Au début, j'ai surtout pensé aux tests rapides. Pas besoin de trifouiller dans le code pour ajuster un texte ou une valeur. Hop, `document.designMode = 'on'` et tu modifies direct. Pour les tests, ça peut éviter de se prendre la tête avec des formulaires complexes. Tu actives le mode, tu changes les valeurs, tu valides. Rapide et efficace. J'ai vu que ça marche bien avec Chrome et IE. Apparemment, sur les vieux IE (6-10), faut mettre en majuscules, info intéressante ça! C'est vrai que le côté "faussesinfos" est tentant. Mais bon, faut pas abuser non plus. 🤣 Par contre, sur un site en local pour des maquettes ou des ajustements, c'est top. Imagine, tu testes différentes tournures de phrases direct sur la page, sans avoir à recompiler ou uploader à chaque fois. Un gain de temps non négligeable. Et l'astuce avec `iframe_node.contentDocument.designMode = 'on'`, ça ouvre des perspectives pour des éditeurs WYSIWYG custom. Bon, faut quand même un peu de Javascript derrière, mais la base est là. C'est comme avoir un bac à sable géant pour bidouiller. Pour moi, c'est clairement une petite astuce pratique à garder sous le coude. 👍
Sonorité - L'histoire des majuscules sur les vieux IE, c'est le genre de détail qui te fait gagner du temps quand tu galères. Merci pour l'info, TurboRouille ! Perso, j'avais pas pensé à l'utiliser pour les iframes, bonne idée pour des éditeurs custom, à creuser...
Ellen Ripley53 - Pour les tests, un truc tout simple qui marche bien aussi, c'est de faire un bookmarklet. Un petit bout de Javascript que tu mets dans tes favoris et qui active le `designMode` sur la page courante en un clic. Super pratique pour les modifs rapides sans avoir à ouvrir la console à chaque fois.
JuriSteam45 - Bookmarklet, c'est pas bête, mais bon, faut encore avoir la barre des favoris visible, et puis, ça reste un truc de plus à installer. La console, c'est toujours là, direct sous la main. Question de préférence, j'imagine.
The Candle Maker - Si vous voulez aller encore plus vite, vous pouvez aussi créer un snippet dans les DevTools de Chrome (ou Firefox, ça doit marcher pareil). Tu colles `document.designMode = 'on'` dedans, tu le nommes, et hop, un clic droit -> Run et c'est activé. Encore plus rapide que le bookmarklet, et pas besoin d'encombrer ta barre de favoris.
AquaMaven - Le snippet dans les DevTools, bien vu ! J'avoue que j'avais pas pensé à ça. C'est vrai que c'est vachement plus propre que d'avoir un bookmarklet qui traîne. En plus, ça reste rangé au même endroit que la console, nickel ! Merci pour l'astuce !
Calorix17 - Euh, sans vouloir casser l'ambiance, le coup du snippet, c'est pas un peu comme utiliser un marteau-piqueur pour planter un clou ? 😅 La console, franchement, c'est pas la mer à boire à ouvrir, et au moins, t'as pas 50 trucs qui encombrent tes DevTools après. Mais bon, chacun son truc, hein. 😉
Pour mettre un peu de contexte, je suis tombé sur `document.designMode` en trifouillant un peu par hasard dans la console de dev. Au début, j'ai cru à une blague, un easter egg bien caché des navigateurs. Ensuite, j'ai commencé à imaginer les possibilités, les bidouilles qu'on pouvait faire avec ça. Bref, je me demandais si d'autres avaient eu la même réaction ou si j'étais juste un peu trop facilement impressionnable par ce genre de truc. Du coup, racontez-moi vos découvertes, ça m'intéresse !