 Web Inspector, avec Safari sous Léopard |
 |
Bienvenue invité ( Connexion | Inscription )
 29 Oct 2007, 11:47
Message
#1
|
|
 Macbidouilleur d'Or !  Groupe : Membres Messages : 6 172 Inscrit : 7 May 2005 Membre no 38 651  |
J'ai pensé que ce serait utile de dédier un sujet au nouveau Web Inspector de Safari.
 Pour commencer, l'activation. Le Web Inspector n'est accessible que si l'on a activé le menu Debug. Pour ça ouvrir un Terminal (Application > Utilitaires) et y copier-coller la ligne: CODE defaults write com.apple.Safari IncludeDebugMenu 1 Puis relancer Safari. Pour accéder au WI dans une page, faire un clic droit > Inspecter l'élément.  Il y a 2 vues: fenêtre indépendante, et fusion dans la fenêtre active. Pour switcher entre les modes, c'est ici:  Ce qu'il fait: La colonne de gauche liste tous les fichiers (html, css, javascript, images, etc...) utilisés par la page active. Pour les fichiers HTML il y a 2 modes d'affichage: code source ou arborsescence.  En mode arborescence, un clic sur une balise dans le code affiche ses propriétés CSS à droite, et la met en évidence dans la page. (Voir première capture). Ça c'est pour les fichiers listés dans la catégorie "Documents". La catégorie "Images" liste... les images, et affiche pour chacune ses dimensions, son poids, son type MIME... et permet évidemment de les enregistrer sur sa machine. La catégorie Others affiche tout le reste. Les ressources Flash par exemple. En bas, 2 boutons: La Console, simple, elle liste les erreurs Javascript et autres. Et Network; très intéressant:  Il affiche un graphique en temps réel de la page chargée, avec la taille des différents fichiers, le poids général, et pour chaque élément, la possibilité d'afficher toute une série d'infos utiles (voir la capture). Voilà je pense avoir fait le tour, en gros. N'hésitez pas à réagir ou à relever d'autres fonctionnalités que j'aurais pu oublier. Par contre, j'ai peut-être mal regardé, mais il me semble qu'Apple ne parle du WI nulle part - en tout cas pas sur les pages "grand public", c'est pourtant assez énorme comme nouveauté je trouve. Ce message a été modifié par Hyp - 29 Oct 2007, 11:51. |
 |
 
|
 |
Réponse(s)
|
31 Oct 2007, 07:01
Message
#2
|
|
 Macbidouilleur de bronze ! Groupe : Membres Messages : 442 Inscrit : 15 Sep 2003 Lieu : Paris Membre no 9 610 |
juste une question : le menu debug n'est pas localisé ?
-------------------- iMac intel 27'- 128 Go RAM 16VRAM SSD 2 To BigSur || Mac Mini SL 10.6.8 8Go de Ram 256 Mo de Vram - SSD 250 Go
------------------------- http://www.culturecivique.com Le Yi-King ------- je cogite, j'ergote, mais j'assume |
|
|
|
|
31 Oct 2007, 11:05
Message
#3
|
|
 Terminaltor Moderating Machine Groupe : Admin Messages : 24 456 Inscrit : 25 Oct 2002 Lieu : Jeumont (59) Membre no 4 319 |
CITATION(milan @ 31 Oct 2007, 07:01) [snapback]2412715[/snapback] juste une question : le menu debug n'est pas localisé ? Ben non, faut pas rêver 
-------------------- I think therefore I Mac
|
|
|
|
Les messages de ce sujet
Hyp Web Inspector 29 Oct 2007, 11:47
schlum Ils veulent peut-être s'éviter les tracasser... 29 Oct 2007, 12:03
to c'est joli tout beau ces graphiques mais pour ... 29 Oct 2007, 14:07 Hyp C'est surtout pour les développeurs, c'es... 29 Oct 2007, 14:21 to ok
j'étais tombé sur ce topic lors d'un... 29 Oct 2007, 17:01 ifloflo Bonsoir! Je viens d'installer webinspector... 30 Oct 2007, 22:46 Hyp Il faut désactiver le menu Debug: de la même man... 30 Oct 2007, 22:52 CoolCoCo CITATION(milan @ 31 Oct 2007, 07:01) 2412... 3 Nov 2007, 10:55 magic_d Ce qui est assez amusant c'est que l'on pe... 3 Nov 2007, 14:48 |
4 utilisateur(s) sur ce sujet (4 invité(s) et 0 utilisateur(s) anonyme(s))
0 membre(s) :
| Nous sommes le : 19th July 2025 - 15:13 |