[Le saviez-vous ?] Firefox permet de visualiser le rendu javascript
Houlala, je sais mon titre est un peu pourri 😀 J'explique ...
Comme tout bon Geek, vous avez mis Internet Explorer aux chiottes de coté et vous surfez donc avec le célèbre renard Firefox ! (si ce n'est pas le cas, je vous invite à le faire !)
Mais saviez-vous que ce petit renard futé pouvait vous aider à visualiser le javascript ?
"Facile ça, il suffit d'afficher le code source ! Même Internet Explorer peut le faire !"
Alors oui effectivement, à peu près n'importe quel navigateur est capable de ça, mais ici je ne parle pas d'afficher simplement les balises <script>, mais d'afficher l'effet du javascript une fois qu'il a été interprété par Firefox !
Hop un exemple !
Texte d'exemple
Donc voilà faite le test, si vous ne sélectionnez rien sur la page, et que vous faites "Clic droit" puis "Code source de la page", vous ne verrez que :
Maintenant sélectionnez une partie du texte, puis faites "Clic droit" puis "Code source de la sélection", vous verrez alors :
Cela peut vous paraitre anodin, mais cette fonction peut servir pour avoir accès à des informations "obfusquées" ... mais surtout, elle va nous permettre de pouvoir décortiquer et personnaliser la mise en page de tous les widgets que l'on affiche dans nos barres latérales !
En effet, qui ne s'est jamais dit que le widget criteo était pourri assez moche, ou que les pubs Blogbang manquaient d'options de personnalisation ? Et bien grâce à cette astuce, je vous expliquerais dans un prochain tutoriel, comment skinner un widget en full javascript 😀
Il ne vous reste plus qu'à ... patienter 😀
Ps: par contre méfiez-vous, le code html généré par l'aperçu du code de Firefox n'est pas valide xhtml 1.0 strict. Même si à la base il l'est !
-----