Le web dans tous ses états : ergonomie, qualité, référencement, veille technologique…
Webkit s’offre un nouvel inspecteur
Je ne suis pas un fervent admirateur des produits d’Apple mais force est de reconnaître qu’ils savent y mettre la manière, le nouveau Web Inspector est de la même veine.
Pour les besoins professionnels, j’utilise Safari pour vérifier la compatibilité inter-navigateurs, tout comme MS IE6/7(8) et Opera. Chrome n’est pas encore assez représenté et reste compatible avec ce que rend Safari (WebKit oblige), mais ce sera l’objet d’un autre billet.
Safari souffrait d’un inspecteur un peu poussif et pas franchement user-friendly. La dernière version de l’inspecteur de Safari remontait à plus de 9 mois, la nouvelle mouture vient de sortir et elle semble prometteuse.
Les connaisseur reconnaitront un ersatz de Firebug, mais pour Safari :
- nouvelle interface
- inspecteur DOM et CSS avec lequel on peut influencer l’affichage (idéal pour le debuggage CSS)
- un gestionnaire de ressources pour la page (poids, temps de transfert…)
- un debugger et un profiler javascript (avec pas à pas, affichage des variable en cours…)
- la console accessible depuis n’importe quelle page avec auto-complétion
- un inspecteur de base de données HTML5 avec requêteur intégré
- on peut intercepter les requêtes Ajax, dans l’onglet “Resources”, mais c’est moins précis que Firebug qui, lui, montre les variables passées au requête. Un plus indéniable.
Bref du beau monde, presque le même que Firebug pour Firefox avec la touche Apple et un supplément HTML5.
A noter tout de même que cette version fonctionne uniquement avec les nightly-builds de WebKit pour Safari.
Safari : l'onglet "Elements" du Web Inspector
Articles relatifs
| Print article | This entry was posted by David Lafon on 1 octobre 2008 at 12:29, and is filed under Actualités. Follow any responses to this post through RSS 2.0. Vous pouvez laisser une réponse, ou bien un trackback depuis votre site. |
Internet Explorer 9 devrait supporter HTML5 et CSS3
about 1 week ago - 9 commentaires
Voilà une nouvelle qui pourrait relancer la course à l’innovation des navigateurs. Le site Webmonkey annonce, en effet, qu’Internet Explorer 9 devrait supporter HTML5, CSS3 et SVG… ou au moins une partie. Cette information devrait être dévoilée lors du MIX de Las Vegas du 15 au 17 mars 2010. A l’ordre du jour, nouveau moteur More >
Paris web 2009, le retour
about 4 months ago - 7 commentaires
Je reviens de Paris Web 2009 et j’en profite pour livrer mes impressions (l’esprit encore tout bouleversé) de ces 2 jours de conférence (je n’ai malheureusement pas pu assister aux ateliers du samedi). Tout d’abord, je souhaite donner un grand coup de chapeau à toute l’équipe de Paris Web. Ils ont abattu un travail énorme More >
Qualité web, conformité et navigateurs
about 7 months ago - Aucun commentaire
La notion de qualité web est étroitement liée à la notion de compatibilité navigateur. En sachant qu’il existe plus de 10 000 marques de navigateurs, versions et configurations et que ce nombre est en constante augmentation, comment faire pour que le site, l’application internet soit conforme sur tous les navigateurs aux souhaits de nos clients. More >
Google Page Speed : analyse de performance de pages web
about 9 months ago - 5 commentaires
Google Page Speed (GPS) est le pendant de Yahoo YSlow et a pour objectif d’optimiser la vitesse de chargement et d’affichage d’une page. Pour cela comme YSlow, Google Page Speed s’appuie sur Firebug donc sur Firefox. Les informations remontées sont du même accabit que celles de YSlow bien que présentées différemment, on ne sera pas perdu.
Google More >
Weboscopie #10 : Freebase, Identify, Prezi et webdev
about 10 months ago - Aucun commentaire
About Query Editor – Freebase
“Créer les synapses du cerveau global” : c’est ainsi que Tim O’Reilly salue la création de Freebase. Cette première réalisation de Metaweb, la nouvelle société du spécialiste des “machines intelligentes” Danny Hillis et de Robert Cook, se fixe en effet pour mission, selon ses propres termes, de créer “une base de More >
WebNotes : annoter, partager, classer en ligne (10 invitations)
about 1 year ago - Aucun commentaire
Depuis l’annonce de l’arrêt du développement du Bloc-note par Google, et par conséquent, de l’arrêt du service à plus ou moins longue échéance, j’étais à la recherche d’une alternative comme outil d’annotation pour la veille en ligne. Avec WebNotes, j’espère l’avoir enfin trouvée ! WebNotes permet de surligner, d’annoter, de classer et de partager votre More >
Apple, quelle stratégie ?
about 1 year ago - 6 commentaires
Je ne suis pas un fervent admirateur des produits Apple que je trouve excessivement chers et que j’associe plus à un phénomène de mode même si je dois reconnaître que leurs produits sont de bonne facture et bien réalisés (j’ai d’ailleurs craqué sur un iPod Nano pour ma fille) . Là où je m’interroge, c’est More >
Weboscopie #7 : chrome, réseaux sociaux, crise, ergonomie, référencement et RH
about 1 year ago - 1 commentaire
Retour des billets de revue de web.
Navigateurs : au-delà de l’effet d’annonce dont il a bénéficié, Google Chrome peine à décoller et stagne à 1% en Europe. On constate aussi que ce sont les utilisateurs de Firefox qui sont passés à Chrome. De là à dire que les utilisateurs de Firefox sont des geeks impénitents More >
Google Chrome : nouveau venu chez les navigateurs
about 1 year ago - 1 commentaire
La nouvelle est en train de mettre le monde du web en ébullition : Google prépare la sortie aujourd’hui de son navigateur maison, Google Chrome, basé sur Webkit (le moteur utilisé par Safari). A l’heure où l’accord entre Google et Firefox vient de d’être reconduit, cette annonce sonne fort pour le monde du web.
Mais Google More >
Weboscopie #5 : Twingly, Firefox 3, Opera 9.5, Wikipedia vs Euro RSCG, développement durable
about 1 year ago - Aucun commentaire
Firefox 3 : la sortie mondiale est pour le 17 juin 2008 (dans la nuit pour les européens). Du coup, le Download Day (le grand jour du téléchargement) devrait être le 18 juin 2008. Via Tristan Nitot, évangélisateur infatigable
Opera 9.5 : hasard du calendrier, Opera Software vient d’annoncer la mise en téléchargement d’Opera More >
about 1 year ago
À noter que c’est plutôt un travail des contributeurs du projet opensource Webkit que strictement Apple. Ne les oublions pas. C’est un boulot remarquable qu’ils font là. D’après les réponses dans les commentaires, ce sera inclus dans Safari 4.
about 1 year ago
Oui, effectivement, il est important de noter que c’est un projet qui a le soutien d’Apple. La firme à la pomme en a été l’instigatrice en 2003 et l’a offert à la communauté open-source en 2005. Depuis cette date, les contributeurs de la communauté open-source s’occupe de WebKit avec beaucoup de succès.
about 1 year ago
Sans vouloir diminuer le travail des contributeurs, c’est tout de même principalement le travail des gens de Apple pour le renouveau. Maintenant, le plus intéressant sera de voir les retours qu’ils vont avoir, en espérant qu’ils seront nombreux pour en faire un outil encore plus agréable et complet que Firebug.
Sinon, je prépare une traduction complète du billet, d’ici la fin de la semaine j’espère.
about 1 year ago
Il est effectivement présent dans la 4 (téléchargeable sur le site de l’ADC).
Un des reproches que je lui ferais par rapport à Firebug c’est de ne pas avoir la possibilité de modifier les CSS et le HTML à la volée.
about 1 year ago
@Yann (salut, comment vont les caribous auvergnats ?
)
On peut modifier les CSS et le HTML à la volée mais je n’ai pas trouver ça aussi intuitif qu’avec Firebug. Pour le CSS, il ne faut pas prendre le computed style mais les autres styles sont accessibles à la modification. Pour le HTML, en double-cliquant sur un node, on intervient dessus sans problème. Je viens de faire le test avec la nightly-build r37113.
about 1 year ago
Attention, la version présente dans les developer previews de Safari 4 est plus ancienne que les nightlies actuelles. D’ailleurs, on n’a pas vraiment le droit de parler de Safari 4 puisqu’on signe un NDA avant de le télécharger.
@Yann: Comme le dit David, il est possible d’éditer le HTML et les CSS. Il y a encore un truc gênant pour les noeuds sans attributs (https://bugs.webkit.org/show_bug.cgi?id=21108) et montrer quelles propriétés sont éditables ou non (https://bugs.webkit.org/show_bug.cgi?id=16349). Si tu vois un autre problème, n’hésite pas.
@David: Que trouves-tu moins intuitif que Firebug ? Si tu pouvais mettre le doigt sur un détail en particulier, ça peut nous aider à faire mieux.
about 1 year ago
@Rik (au passage merci de nous honorer de ta présence)
Pour l’ergonomie de l’interface de manipulation des CSS :
– je verrais bien l’onglet “Computed style” replié afin d’afficher les styles issus des feuilles et par conséquent modifiables
– le double-clic sur une valeur pour la modifier est aussi un parti pris chronophage là où j’apprécie le simple clic de Firebug
– de plus, je n’arrive pas, du moins je n’ai pas trouvé, comment on ajoutait une propriété à une classe CSS dans le panneau des CSS.
Ces quelques remarques sont plus issues d’une longue pratique de Firebug et d’une première impression de Web Inspector, que je trouve
(je le répète)d’une grande qualité.about 1 year ago
Ouh là “honorer” faut pas y aller trop fort. Je suis juste un type qui s’intéresse plus à WebKit et qui a fait quelques petites contributions.
Pour l’onglet Computed style, beaucoup de gens sont induits en erreur, on va vous voir quelle est la meilleure solution (le replier, le descendre sous les autres règles, lui donner un aspect particulier, etc).
Pour le double clic, je pense pas que ça changera. D’une parce que ça rentrerait pas dans les guidelines Apple. En plus je pense que le double clic pour éditer est plus naturel. Sur Firebug, avec un clic des fois tu sélectionnes, des fois tu édites, c’est confus.
Pour ajouter une propriété, il suffit de mettre plusieurs règles sur la même ligne, séparée par un point virgule. Évidemment, ce n’est pas intuitif mais déjà possible. Mais ça fait déjà partie des bugs recensés (et doublement https://bugs.webkit.org/show_bug.cgi?id=18224 https://bugs.webkit.org/show_bug.cgi?id=20336).
Merci beaucoup pour les retours, j’ai fait remonté l’info et je créerais les bugs s’il le faut.