¿Inspeccionar elemento en Safari?

28

Probé Firebug Lite para Safari, pero el contenido no era editable. ¿Hay alguna alternativa para editar HTML, CSS, etc.?

safari web-inspector usuario2056671
fuente

Respuestas:

53

Simplemente active Mostrar menú de desarrollador en Preferencias de Safari, pestaña Avanzado .

Habilitar-desarrollar-modo-Safari

Activará la opción Inspeccionar elemento cuando haga clic derecho en la página. También puede comenzar con Command+ Option+ I.

Puede obtener más información sobre esta opción en Safari para desarrolladores: Herramientas y Guía del inspector web de Safari: El menú de desarrollo .

denisvm
fuente
Sí, pero si quiero ver el estilo calculado de un enlace web, el desplazamiento no actualiza el estilo y hacer clic en el enlace de la página va al destino del enlace. ¿Cómo puedo mostrar el estilo calculado de un enlace sin Safari en vez de saltar al objetivo del enlace?
Claro
@clearlight puede usar la Computedpestaña: support.apple.com/guide/safari-developer/…
denisvm
0

Puede editar css haciendo doble clic en el símbolo "{" presente en la sección css del lado derecho. También puede editar el html eliminando el complemento firebug y luego inspeccionando el modo elemento.ingrese la descripción de la imagen aquí

Zakthi Chellappa
fuente
0

puedes hacer esto con simples pasos

en la barra de menú, haga clic en Editar-> preferencia-> avance en la parte inferior, haga clic en la casilla de verificación verdadero que es para Mostrar menú de desarrollo en la barra de menú ahora se muestra un menú de desarrollo en la barra de menú donde puede ver todas las opciones de desarrollo e inspeccionar.ingrese la descripción de la imagen aquí

Sandeep Kumar
fuente
No funciona en la versión actual
JGallardo