Inspecter l'élément dans Safari?

28

J'ai essayé Firebug Lite pour Safari, mais le contenu n'était pas modifiable. Existe-t-il une alternative pour éditer HTML, CSS, etc.?

user2056671
la source

Réponses:

53

Activez simplement Afficher le menu développeur dans les Préférences de Safari, onglet Avancé .

Enable-Develop-mode-Safari

Il activera l'option Inspecter l'élément lorsque vous cliquez avec le bouton droit sur la page. Vous pouvez également le démarrer avec Command+ Option+ I.

Vous pouvez obtenir plus d'informations sur cette option dans Safari pour les développeurs - Outils et Guide de l'inspecteur Web Safari: Le menu Développement .

denisvm
la source
Oui, mais si je veux voir le style calculé d'un lien Web, le survol ne met pas à jour le style et cliquer sur le lien sur la page va à la cible du lien. Comment puis-je afficher le style calculé d'un lien sans Safari au lieu de sauter à la cible du lien?
clearlight
@clearlight, vous pouvez utiliser l' Computedonglet: support.apple.com/guide/safari-developer/…
denisvm
0

Vous pouvez éditer css en double-cliquant sur le symbole "{" présent dans la section css de droite. Vous pouvez également modifier le code html en supprimant le plugin Firebug puis en inspectant le mode élément.entrez la description de l'image ici

Zakthi Chellappa
la source
0

vous pouvez le faire en quelques étapes simples

dans la barre de menu, cliquez sur Édition-> préférence-> avancer en bas, cliquez sur la case à cocher vraie qui est pour Afficher le menu de développement dans la barre de menu maintenant un menu de développement est affiché dans la barre de menu où vous pouvez voir toutes les options de développement et inspecter.entrez la description de l'image ici

sandeep kumar
la source
Ne fonctionne pas sur la version actuelle
JGallardo