Web Developer extension 1.0
Par Mozinet,
mardi 3 janvier 2006 à 05:39 :: Mozilla
- Navigateurs - Développement Web :: #863
::
Chris Pederick fait les étrennes de tout les développeurs Web en sortant la version 1.0 de Web developer, sa formidable suite d'outils pour modifier, analyser et déboguer les pages Web dans Firefox, Flock et la suite Mozilla. Pour l'heure cette nouvelle mouture n'est disponible qu'en anglais.
Bien qu'elle puisse être utile à tous pour analyser et déboguer les sites Web, voire même à créer ses feuilles de style par site, pour les développeurs Web cette version 1.0 va s'avérer encore plus indispensable que jamais. Vous allez ainsi pouvoir afficher des informations sur chaque élément en le survolant avec le curseur, y compris ses éléments ancêtres et enfants.
Une règle permet désormais de mesurer les positions et dimensions de n'importe quelle zone rectangulaire de la page que l'on délimite avec la souris. Maintenant aussi, en plus de modifier à la volée les styles CSS de la page dans la barre latérale de Firefox, on peut de la même façon modifier le code HTML de la page. Une prochaine version pourrait même permettre de placer le panneau d'édition horizontalement afin de ne plus amputer la largeur de la page.
La version actuelle permet déjà d'afficher dans un nouvel onglet les informations sur les couleurs utilisées dans la page ou les poids de la page et des documents liés. De la même façon seront affichés le plan du document, son code source généré ou les informations contenues dans ses balises meta
. Consultez la liste des nouveautés ci-dessous pour le reste.
Liste des nouveautés de la version 1.0 du 31 décembre 2005
- Ajout d'un lien « Help »
- Ajout d'une option pour cacher les boîtes de dialogue informationnelles
- Ajout d'une option pour ouvrir l'inspecteur de DOM dans la barre latérale
- Ajout d'une option pour ouvrir la console JavaScript dans la barre latérale
- Ajout de boîtes de dialogue de confirmation pour toutes les fonctions permanentes de nettoyage et de suppression
- Ajout du support pour modifier la taille des textes produits
- Ajout du support pour configurer les paramètres pour le « Validateur HTML local » et le « Validateur CSS local »
- Ajout du support pour basculer plus facilement l'option « Montrer les noms des éléments quand on les entoure »
- Ajout du support pour Flock
- Ajout du support pour ouvrir la page dans une autre application
- Ajout du support pour récupérer le contenu de fichiers depuis le cache plutôt que par une nouvelle requête
- Ajout des fonctionnalités :
- Ajouter un cookie
- Effacer toutes les données privées
- Convertir les éléments sélectionnés en zones de saisie de texte
- Supprimer les cookies du chemin
- Désactiver les images de sites externes
- Désactiver les redirections des
Meta
- Désactiver les tailles de police minimum
- Désactiver les styles d'impression
- Afficher les attributs
Alt
- Afficher l'ordre des
Div
- Afficher l'information sur l'élément
- Afficher des lignes de guidage
- Afficher les informations sur les objets
- Afficher une règle
- Afficher les niveaux d'empilement
- Afficher l'imbrication des tableaux
- Afficher l'information sur les tableaux
- Afficher les attributs
Title
- Modifier le HTML
- Activer les champs des formulaires
- Rendre les cadres redimensionnables
- Rendre leur pleine taille aux images
- Entourer toutes les images
- Entourer les images d'arrière-plan
- Entourer les liens externes
- Entourer les titres
- Entourer les éléments positionnés
- Montrer les éléments cachés
- Montrer le Window Chrome
- Restitution sur de petits écrans
- Voir l'information sur les ancres
- Voir l'information sur les couleurs
- Voir le plan du document
- Voir les poids du document
- Voir le code source généré
- Voir l'information sur les balises
Meta
- « Afficher le CSS par type de média » prend désormais en charge la persistance
- Fixed bugs:
- 'Convert GETs To POSTs' did not work when a form does not specify a method
- 'Disable Images' did not work in Firefox 1.5
- 'Display CSS By Media Type' broke print preview
- 'Display CSS By Media Type' ignored stylesheets with no specified media type
- 'Display Id & Class Details' did not show id attributes for tables
- 'Display Image Dimensions' did not work with images without dimension attributes in the HTML
- 'Edit CSS' did not take the media attribute of a style sheet into account
- 'Edit CSS' did not work with background images that are linked relative to the CSS in documents served with an HTML mime type
- 'Edit CSS' polling is not disabled when the interval is set to zero
- 'Enable Auto Completion' only checked for auto completion being disabled on forms not form elements
- 'Find Broken Images' did not work properly when the cache is disabled
- Keyboard shortcuts could not be empty
- Keyboard shortcuts for a feature still worked when the feature was disabled
- Options dialog lost values after resetting
- 'Outline Tables' and 'Outline Table Cells' did not work with tables with border collapse turned on
- Switching to an alternate style sheet was not reflected in the CSS features
- The browser position changed when resizing
- Toggling the toolbar from the keyboard shortcut behaved differently to toggling the toolbar from the 'View' menu
- 'Validate Local HTML' did not handle character encoding correctly
- 'Validate Local HTML' froze the browser when used on a page entirely generated by
document.write()
- 'View Cookie Information' did not take the cookie path into account
- 'View CSS' only displayed the first of multiple imported style sheets
- 'View Form Information' did not display image input elements
- 'View Image Information' did not display images on input elements
- 'Visited Links' toggled the link status rather than changing it
- Improved the 'Display Form Details' feature:
- Checkbox and radio button values are now displayed
- Improved the 'View Form Information' feature:
- Added maxlength and size
- Added the element index
- Checkbox and radio button state are now displayed
- Improved the 'View Source' feature:
- Added a menu for frames
- Added support for viewing the source in an external editor
- Improved the resize features:
- Added support for wildcards which do not change that dimension in 'Custom Size'
- Added viewport options
- Improved the view information results:
- Added support for disabling the tidying of the view information results
- Added support for sorting the view information result tables by column
- Optimized the code
- Removed the 'W3C Documents'
- Replaced 'Display Link Paths' feature with 'Display Link Details'
- Replaced the 'Outline Selected Element' feature with 'Outline Current Element'
- Toolbar menus now work like the Bookmarks Toolbar
- 'Validate Feed' now uses the W3C validator
- 'View Image Information' now displays alt and title attributes
- Tidied the menus
- Various minor code fixes
Sources et références
- Chris Pederick, 31 déc. 2005 :
- chrispederick.com Blog, Web Developer 1.0
- History - Web Developer Extension Documentation
- via Carnet Web de Pascal, Web developer toolbar 1.0, 1er janv. 2006, Pascal Chevrel
Ce billet a été modifié en dernier le 03 January 2006 à 05:54:49.
Commentaires
1. Le mardi 3 janvier 2006 à 09:22, par jul
2. Le mardi 3 janvier 2006 à 09:36, par Mozinet
3. Le mardi 3 janvier 2006 à 14:12, par Monique
4. Le jeudi 5 janvier 2006 à 06:57, par Darken
5. Le jeudi 5 janvier 2006 à 11:46, par ced
6. Le vendredi 6 janvier 2006 à 22:14, par Monique
7. Le samedi 7 janvier 2006 à 01:02, par Mozinet
Ajouter un commentaire
Les commentaires pour ce billet sont fermés.