L'inspecteur web du WebKit fait peau neuve

Florian Innocente |
Intégré à Safari et accessible après que l'on a activé le menu Développement dans les préférences, l'inspecteur Web délivre une mine de renseignements sur les coulisses d'une page web. Apple (aidée de contributeurs extérieurs) y a apporté de nombreuses modifications ces derniers temps et elle en fait aujourd'hui le récapitulatif. Pour en bénéficier il faut télécharger les dernières nighty builds du WebKit (le moteur de rendu open source de Safari).

nouvelinspecteurweboctobre2008


La barre d'outils a été aménagée autour de la notion de tâches (Elements, Ressources, Scripts, etc.) qui ouvrent sur autant de panneaux, et la Console est accessible depuis chacun d'eux. Une aide à la saisie du code a été ajoutée, les résultats de recherche sont mieux identifiés, le contenu des bases SQL (pour les sites stockant des données côté client) est accessible et peut être testé, le débugger JavaScript a été remplacé au profit d'un autre plus véloce, etc.
Tags
#Safari #webkit #MacBook Air #pas à pas
avatar geneosis | 
comment on installe la nouvelle version du webkit?
avatar Anonyme (non vérifié) | 
Cela fait déjà un moment que cette interface est disponible dans WebKit !
avatar YanUbik | 
et donc sur cette page on lit : Resource interpreted as script but transferred with MIME type text/html. http://www.google.com/coop/cse/brand?form=cse-search-box&lang=fr Resource interpreted as script but transferred with MIME type image/gif. http://open.macg.co/www/delivery/spcjs.php?id=2 SyntaxError: Parse error http://open.macg.co/www/delivery/spcjs.php?id=2 (line 1) ReferenceError: Can't find variable: OA_show https://www.macg.co/news/voir/131977/l-inpecteur-web-du-webkit-fait-peau-neuve (line 59) ReferenceError: Can't find variable: OA_show https://www.macg.co/news/voir/131977/l-inpecteur-web-du-webkit-fait-peau-neuve (line 157) ReferenceError: Can't find variable: OA_show https://www.macg.co/news/voir/131977/l-inpecteur-web-du-webkit-fait-peau-neuve (line 175) ReferenceError: Can't find variable: OA_show https://www.macg.co/news/voir/131977/l-inpecteur-web-du-webkit-fait-peau-neuve (line 408)
avatar Groberzwerg | 
Super ! J'adore cet outil très utile pour développer un site et l'optimiser au maximum
avatar Florian Innocente | 
@ geneosis : tu n'installes rien, ça te télécharge une sorte de Safari mais baptisé WebKit.
avatar Florian Innocente | 
@ YanUbik : et donc Docteur ?
avatar oomu | 
@ tony3107 AMELIOREE. et macgen n'a pas à surveiller webkit à chaque modif ! ils font un état des lieux de temps à autre. Ca fait SUPER longtemps que cette interface était dans la tête du développeur !
avatar Ben.d | 
@ toy3107 : Il faut lire les news, pas juste les titres: "[...] y a apporté de nombreuses modifications ces derniers temps et elle en fait aujourd'hui le récapitulatif."
avatar nlex | 
@ tony3107 et alors personne ne dit le contraire ! c'est juste une MAJ
avatar Anonyme (non vérifié) | 
y'a pas à dire, il est vraiment bien cet inspecteur. j'aime particulièrement la manière dont il signale les erreurs javascript, en montrant directement leur position dans le code source de la page plutôt qu'une toute petite partie de là où ça plante dans Firefox, ou un bien pourri et ultra énervant "Erreur ligne 1, caractère 1" dans IE. Le débugguer d'Opera est excellent aussi, soit dit au passage pour les fans.

CONNEXION UTILISATEUR