Passez vos pages (et celles des autres) au rayon X avec XRAY

Par Eric, 30 août 2007 à 17:52 :: Webdesign

Si vous faites du développement web ou du webdesign, vous utilisez déjà probablement l’incontournable extension Web Developper pour Firefox, ou encore Firebug.
Qu’à celà ne tienne, voici XRAY, qui remplit sensiblement les mêmes fonctions, en plus sommaire, mais qui présente l’avantage de se s’installer sous la forme d’un bookmaklet tout léger dans la barre d’outils de votre navigateur.

Une fois XRAY incrusté dans votre browser, il vous suffit de cliquer dessus pour l’activer, puis de sélectionner n’importe-quelle section de votre page pour en obtenir toutes les caractéristiques de code HTML et CSS.
Autre avantage : vous ne scannez que la portion qui vous intéresse, d’un simple clic : c’est rapide et efficace, en plus d’être assez agréable à l’oeil.

Tiens, j’y pense, ça va peut-etre me donner l’occasion de réparer enfin ce fameux bug d’affichage que vous êtes nombreux à me signaler et qui fait péter les pages de ce blog quand on fait une recherche sans résultat.

Article(s) sur le même sujet

None Found

Derniers Commentaires

nicobettencourt: Bon, écoutez. Déjà, un solo, ça correspond à une définition précise. C’est quand un...

desperate librarian housewife: piqué à une série australienne : question : “si vous n’étiez pas...

AM: Euh moi ce qui m’intéresse c’est savoir la remise que vous pouvez m’avoir pour l’iphone...

Connect: J’ai mit le lien du site sur mon blog ! Quelqu’un a testé le MyTelegram ? En Payant

Eric: @Stan, désolé, tu veux que je t’interviewe ?

(publi-info) Augmentez votre pouvoir d'achat

Gagner de l’argent en achetant sur le web ? C’est possible avec eBuyClub, qui propose d’acheter moins cher grâce au CashBack. Ce système permet aux membres de la communauté de gagner de l’argent sur leurs achats.

Comparez les prix, utilisez des codes de réduction et participez aux ventes évènementielles et consommez malin !

Derniers Communiqués

Commentaires

1. Le 30 août 2007 à 20:51, par Nyro :: site

Plus de bug dans la recherche que tu donnes, puisque lemot recherché est justement dans ton post !

Sinon, très beau plugin, qui va remplacer l’inspecteur DOM un peu lours à utiliser des fois…

2. Le 31 août 2007 à 0:28, par Erwan :: site

Pour le bug, je dirais une balise div fermée de trop et le texte en erreur qui n’est pas inclus dans la div d’ID content…

3. Le 31 août 2007 à 10:32, par thomas :: site

pour firefox, il y a aussi CSSViewer qui fait la meme chose mais au survol de l’élément.

4. Le 31 août 2007 à 15:06, par Florent V. :: site

Il me semble qu’il y avait déjà une extension nommée xray, permettant d’afficher dans la page elle-même le nom des balises.

Par exemple, un titre h2 gardait son apparence, mais le texte devenait «<h2>Mon titre</h2>» au lieu de juste «Mon titre».

C’était limité mais sympa, mais je ne l’utilise plus depuis que j’ai toujours Firebug sous la main.

5. Le 31 août 2007 à 16:27, par Arno :: site

Pour moi qui passe beaucoup de temps à intégrer des sites… le top ça reste la fameuse Web Developper Toolbar dont tu parle au début de ton post, elle permet TOUS les débugages ! Pour moi il n’y à rien de mieux aujourd’hui !

6. Le 1 septembre 2007 à 12:10, par arkham :: site

Pas mal du tout ce bookmarklet, ca va me servir !

Pour ton bug, ca concerne juste ta classe d’erreur dans ton template.php. Il se produit lorsque aucun billet n’est renvoyé pour une recherche ou pour url tapée.

Erwan a raison, apparemment la div "content" est fermée avant l’affichage des erreurs:

<?php if ($err_msg != ”) : …*/?>
<div class="error"><strong>Erreur : </strong>
<?php echo $err_msg; ?>
</div>

7. Le 1 septembre 2007 à 17:52, par Matt :: site

Dans un autre registre, on peut mentionner également YSlow, extension des gars de chez Yahoo! qui se met comme add-in à Firebug et qui offre une vision axée "performance" du site, avec des consils pratiques, très utiles pour des sites très fréquentés : developer.yahoo.com/yslow…
Après les rayons X, les rayons Y