Magazine High tech

Safari - Menu développement

Publié le 11 octobre 2008 par Nestlider57

Voilà une petite astuce fort sympathique trouvée grâce au très bon blog Pomme Happy, le menu développement de Safari, très pratique pour les développeurs web.

Tout d’abord comment l’activer ?

Après avoir lancé Safari, cliquez dans la barre de menu sur Safari>Préférences, puis rendez-vous dans l’onglet Avancées et cochez la case en bas de la fenêtre : “Afficher le menu Développement dans la barre des menus” puis quittez les préférences de Safari.

Vous avez à présent ce menu supplémentaire dans votre barre des menus de Safari, mais que vous permet de faire ce menu ?

Et bien voici les quelques fonctions qu’il ajoute à Safari :

  • Sélection d’un agent d’utilisateur :
    c’est à dire, simuler l’affichage d’un site en fonction du type de navigateur et de sa version : par exemple, j’ai installé sur ce blog un thème spécifique pour les utilisateurs d’iPhone, si vous cliquez sur “Agent d’utilisateur > Mobile Safari 1.1.3 - iPhone“, le site va détecter que vous venez d’y accéder à partir d’un iPhone et il va donc afficher le site avec le thème iPhone.
  • Un inspecteur web :
    Celui-ci va vous afficher dans une fenêtre supplémentaire, tous les détails des éléments qui composent la page web actuellement affichée : Le code de la page, les feuilles de style css associées et leur contenu, les images chargée dans la page, les scripts (javascripts ou autres) liés à la page, une console vous permettant de détecter les erreurs de code présent dans la page web et un onglet Network, vous affichant l’ordre de chargement des éléments de le page, leur type (feuilles de styles, images etc..) et leur temps de chargement.
  • Désactivation de différents éléments chargés par la page :
    Vous pouvez à l’aide de ces différents menus désactiver au choix certains éléments de la page, comme le javascript, les feuilles de style, le chargement des images, les caches, et d’autres petites choses que je n’ai pas encore bien assimilées.

Bon vous l’aurez compris, ce menu ajoute à Safari des fonctions que l’on peut retrouver également sur Firefox avec le plugin webdevelopper Toolbar ou autres et permettent d’étendre les possibilités du navigateur web by Apple.


Vous pourriez être intéressé par :

Retour à La Une de Logo Paperblog

Ces articles peuvent vous intéresser :

  • [MP3] Safari supportera Youtube !

    Le prochain firmware 2.0 de l’iPhone et de l’iPod touch se dévoile encore un peu plus avec aujourd’hui le support de Youtube dans Safari ! Lire la suite

    Par  Greg
    CONSO, HIGH TECH, IMAGE & SON
  • Foxdie Safari (Blue)

    Un thème pour Firefox du graphiste John Locke. J'aime les icônes qui se découpent sur le fond gris bleu. J'aime un peu moins l'icône maison qui manque... Lire la suite

    Par  Lib Ellules
    HIGH TECH, INFORMATIQUE, LOGICIELS
  • Safari pour Windows

    On se doutait un peu que ça s’en venait. Dans les concours de piratage (hacking) du début de l’année, le premier ordinateur pénétré avait été un Mac utilisant l... Lire la suite

    Par  Constance
    HIGH TECH, INFORMATIQUE
  • Paysage-off pour Safari

    Paysage-off - un utilitaire qui bloque l’accéléromètre, lorsque vous regardez une page web dans Safari. Ainsi, vous pouvez faire du surf Internet uniquement en... Lire la suite

    Par  Worsair
    HIGH TECH
  • Cooliris pleinement compatible avec Safari

    Lors de son lancement, Cooliris (autrefois PicLens) n’était que partiellement compatible avec Safari, car privé de la possibilité d’ériger le « mur », cette... Lire la suite

    Par  Mac Québec
    HIGH TECH
  • Safari 3.2

    Rien d’extraordinaire à cette mise à jour qui met avant tout l’accent sur la sécurité et qui introduit aux préférences de Safari une fonction d’alerte lors de... Lire la suite

    Par  Mac Québec
    HIGH TECH
  • Lancement de Safari 4 Béta

    Troisième navigateur web derrière Firefox et IE, Safari déboule dans sa version 4 Béta. Disponible depuis aujourd’hui, il embarque plus de 150 nouveautés dont l... Lire la suite

    Par  Laurentfalorni
    HIGH TECH

A propos de l’auteur


Nestlider57 332 partages Voir son profil
Voir son blog

l'auteur n'a pas encore renseigné son compte l'auteur n'a pas encore renseigné son compte l'auteur n'a pas encore renseigné son compte

Dossier Paperblog

Magazine