Des plugins navigateurs pour explorer les sites ! (Créer un compte)

  • Statut : non résolu
15 sujets de 1 à 15 (sur un total de 16)
  • Auteur
    Messages
  • #446586
    imported_Damino
    Participant
    Padawan WordPress
    72 contributions

    Voilà je vous propose ici des plugin ou extensions (selon le vocable utilisé par les developpeurs de navigateurs) pour vos butineurs.

    Pour FireFox : Web Developer
    Cette extension vous permettra entre autres :
    -Visualiser les feuilles de Style
    -Editer les feuilles de style directement pour voir les modifications que cela engendre sur une page web !
    -Visualisation et Coloration syntaxique de code source.
    -Visualiser les blocs, frame, tableaux avec nom et taille des blocs !
    -Visualisation des médias utilisés dans une page web avec infos taille, poids, …
    -Et pleins d’autres choses à découvrir.

    Pour Safari : pleins de plugin sur PimpMySafari
    Et principalement SafariStand qui permet :
    -Visualisation et coloration syntaxique du code.
    -Edition du HTML (XHTML) directement sur la page pour visualiser les modifications !
    -Visualisation des CSS.
    -Visualisation des ressources d’une page (médias, liens, fichiers css, js, …)
    -Affichage des frames
    -Et pleins d’autres choses.

    Un navigateur pour mac trés spécial : XyleScope
    Celui-ci permet de “voir” toute l’architecture d’un site : le css aussi bien que le HTML (XHTML) avec possibilité d’éditer le CSS. Et un mode permet en cliquant sur une partie du site de voir comment ce bloc est situé dans le site (le div ou class, h1 ou p, …).

    Voilà étant un utilisateur Mac, je ne connais pas les plugin pour IE, c’est à vous de compléter. Mais je ne recommande pas IE de tout façon car il ne respecte pas complètement les standards du web W3C.

    Enfin je ferai remonter dans ce post vos liens vers des plugins “developpeurs”.

    #566738
    z720
    Membre
    Maître WordPress
    579 contributions

    J’utilise Firefox et j’utilise aussi quelques autres extensions :
    Measure It pour vérifier la taille des blocs et les marges
    ColorZilla pour récupérer et vérifier des codes couleurs.
    HTML Validator pour valider les pages (basé sur Tidy)

    Sans compter webdeveloper toolbar qui est indispensable.

    #566739
    artxtra
    Participant
    Chevalier WordPress
    149 contributions

    On peut rajouter livehttpheaders qui lit les requetes http.
    J’utilise aussi CSS viewer, un peu mieux que la webdeveloppertoolbar pour rendre compte du CSS, et view source chart, pour rendre l’imbrication des balises et des blocs.
    Et IEtab quand j’ai la flemme de charger IE6

    #566740
    damino
    Participant
    Maître WordPress
    1243 contributions

    Et j’en rajoute un petit dernier vraiment excellent.
    Il s’agit de FireBug qui est une extension pour Firefox qui permet de faire à peut près tout : éditer en ligne HTML, CSS, javascript, voir la structure du site, les infos de tailles de blocs, marges, … bref de quoi tester ses modification avant de passer à l’acte.

    #566741
    AmO
    Participant
    Maître WordPress
    4452 contributions

    Sympa tout ces liens… pour ma part j’utilise :

    Web Developper toolbar (developpement CSS/HTML)
    Firebug (developpement JS)
    Colorzilla (design)
    Live HTTP Headers (référencement)
    view source chart

    Autant dire que vous les avez tous citer 😉

    #566742
    dreamer
    Participant
    Chevalier WordPress
    484 contributions

    Salut

    Sur FF , j’utilise :

    -Web Developper toolbar

    -videodownloader

    -geoURL

    -colorZilla

    -Firebug

    -Sage ( lecteur RSS)

    -View Dependencies

    -Skype pour Firefox

    Un ou deux autres sans interêt .

    A +

    #566743
    zadig
    Membre
    Chevalier WordPress
    244 contributions

    Ce n’est pas vraiment le theme de cette discussion mais je conseille cette application (pour Mac) COOLIRIS qui s’utilise pour GOOGLE et YAHOO avec SAFARI.
    Elle permet d’avoir une prévisualisation des sites simplement en survolant les liens. Une fenetre s’ouvre et affiche la page sur laquelle vous pointez.
    Il existe une extension pour FIREFOX. Ca fonctionne mieux avec Firefox qu’avec Safari, puisqu’avec FIREFOX on peut survoler les liens et ouvrir une previsualisation pour les sites queql qu’ils soient.
    Cooliris

    Voir également dans le forum la discussion sur SNAP.

    #566744
    zadig
    Membre
    Chevalier WordPress
    244 contributions
    z720 wrote:
    J’utilise Firefox et j’utilise aussi quelques autres extensions :
    Measure It pour vérifier la taille des blocs et les marges
    ColorZilla pour récupérer et vérifier des codes couleurs.
    HTML Validator pour valider les pages (basé sur Tidy)

    Sans compter webdeveloper toolbar qui est indispensable.

    Il y a aussi xRay. Il suffit de glisser le script dans la barre de menu de Firefox. Pour visualiser les élements d’une page, on clique sur xray puis dans la partie de la page qu’on veut explorer.

    #566745
    damino
    Participant
    Maître WordPress
    1243 contributions

    Pas mal du tout ce Xray. Manque un peu de précision mais rapide et efficace. L’équivalent pour le Web Developer serait le “Display Element information”.

    #566746
    johndiony
    Membre
    Padawan WordPress
    55 contributions

    a ui merci pour ses plugin, je vient a peine de me rendre conte qu’il existait plein d’extension pour les navigateur :boulet:

    #566747
    Anonyme
    Inactif
    Padawan WordPress
    96 contributions

    Pas un plugin mais un logiciel absolument indispensable : IE tester qui vous permettra de tester votre site sur IE 5.5, 6, 7 et la beta du 8, rien que ça !

    #566748
    maxcoffee
    Membre
    Initié WordPress
    1 contributions

    thank you for information, in FF I use Searchstatus for check PR, Index and etc.

    #566749
    barneynantes
    Participant
    Initié WordPress
    13 contributions

    Moi pour ma part je trouve mon bonheur dans la toolbox des développeurs pour Firefox !

    #566750
    booba
    Participant
    Chevalier WordPress
    309 contributions

    bon l’info n’est pas toute fraiche, mais vu que je ne la vois pas ici, j’me permet: la web developper toolbar est également dispo sous Chrome
    http://www.webrankinfo.com/dossiers/outils/web-developer-chrome

    #566751
    Full-deal
    Participant
    Initié WordPress
    32 contributions

    @Domino

    en complément de ySlow, qui permet de faire les optimisations de base pour atteindre le grade A facilement.

    Je viens de tester un des modules (web développer) car j’ai un soucis d’affichage sur le site d’un client, selon la résolution de l’écran et j’ai pu constater en effet, et résoudre le problème.

    Merci pour l’info.

15 sujets de 1 à 15 (sur un total de 16)
  • Le sujet ‘Des plugins navigateurs pour explorer les sites !’ est fermé à de nouvelles réponses.