Firefox 11 a ajouté deux nouveaux outils de développement Web à l’arsenal déjà impressionnant de Firefox. La fonction Inclinaison permet de visualiser les structures de sites Web en 3D, tandis que l'éditeur de styles peut modifier les feuilles de style CSS à la volée.
La fonction 3D, appelée Tilt, permet de visualiser le DOM d’un site Web. Il s'intègre à l'inspecteur de documents existant et utilise WebGL pour afficher des graphiques 3D riches dans votre navigateur.
Tilt - Visualisation 3D de sites Web
Vous pouvez accéder à Tilt à partir de l'inspecteur de pages de Firefox. Pour commencer, ouvrez l'inspecteur de page en sélectionnant «Inspecter» dans le menu Développeur Web. Vous pouvez également cliquer avec le bouton droit de la souris sur la page en cours et sélectionner «Inspecter un élément» pour démarrer l'inspecteur sur un élément spécifique.
Cliquez sur le bouton "3D" dans la barre d'outils de l'inspecteur.Vous verrez la structure de la page après l’activation du mode 3D, mais elle restera plate jusqu’à ce que vous la faites pivoter.Faites pivoter le modèle en cliquant avec le bouton gauche de la souris, déplacez l'image en cliquant dessus avec le bouton droit de la souris et effectuez des zooms avant et arrière à l'aide de la molette de la souris.Cette vue est intégrée aux autres outils de l'inspecteur. Si les panneaux HTML ou Style sont ouverts, vous pouvez cliquer sur un élément de la page pour afficher le code HTML ou les propriétés CSS de cet élément.Image
Plus de fonctionnalités 3D
La fonctionnalité de visualisation 3D était basée sur l’extension Tilt, mais elle ne dispose pas de toutes les fonctionnalités de l’extension Tilt. Si vous souhaitez personnaliser les couleurs ou même exporter la visualisation sous forme de fichier de modèle 3D à utiliser avec un programme de montage 3D, vous devez installer le module complémentaire Tilt 3D. Une fois que vous avez, vous aurez une nouvelle option "Tilt" dans le menu Web Developer.
Cliquez sur le bouton Annuler pour utiliser l'ancienne version de Tilt lorsque vous y êtes invité.Vous trouverez des commandes pour personnaliser la visualisation à gauche de la fenêtre et d’autres options, y compris la fonction d’exportation, en haut de la page.Image
Editeur de styles CSS
Pour afficher et modifier les feuilles de style CSS d’une page, ouvrez l’éditeur de styles à partir du menu Web Developer.
L'éditeur de styles répertorie les feuilles de style de la page en cours. Activez ou désactivez une feuille de style en cliquant sur l’icône représentant un œil à gauche du nom de la feuille de style. Editez une feuille de style en la sélectionnant et en modifiant le code.Les modifications sont immédiatement répercutées sur la page. Si vous désactivez une feuille de style, la page perdra ses informations de style. Si vous modifiez une feuille de style, les modifications apparaissent sur la page lors de la frappe.Vous pouvez enregistrer une copie de l'une des feuilles de style sur votre ordinateur, importer une feuille de style existante depuis votre ordinateur ou ajouter une nouvelle feuille de style vierge à l'aide des liens Enregistrer, Importer ou Nouveau de la fenêtre de l'éditeur de styles.
La fonctionnalité de visualisation 3D surveille les modifications sur la page en cours et remarque le moment opportun. Lorsque vous utilisez l'éditeur de style avec l'inspecteur 3D ouvert, vos modifications sont immédiatement reflétées dans la vue 3D. Cela fonctionne également avec les extensions tierces modifiant les pages Web, telles que Firebug.
Le menu Web Developer de Firefox contient des outils permettant d’inspecter les pages, d’exécuter du code JavaScript arbitraire et d’afficher des requêtes HTTP et d’autres messages. Firefox 10 a ajouté un tout nouvel outil Inspecteur et mis à jour Scratchpad.
Hier, nous avons fait un grand tour de la géographie de Minecraft. Les structures que nous venons d'étudier sont étroitement liées aux biomes que nous venons d'étudier. Des villages tentaculaires (et moins tentaculaires) aux temples abandonnés dans les jungles, le monde de Minecraft n’est pas aussi intact qu’il pourrait paraître.
Vous voulez essayer des sites Web mobiles conçus pour l'iPhone et d'autres appareils mobiles sur votre PC? Safari 4 pour Windows vous permet de le faire facilement avec leurs outils de développement.
Parfois, lorsque nous obtenons des documents Microsoft Word contenant plusieurs images ou des images volumineuses, son ouverture peut prendre un certain temps. Ici, nous verrons comment afficher rapidement le texte du document, puis les afficher plus tard.
Microsoft a introduit de nouveaux outils et fonctionnalités réseau améliorés dans les outils de développement F12 pour le nouveau navigateur Microsoft Edge dans Windows 10. Voyons-les.
