4 votos

¿Cómo puedo hacer que safari me muestre las dimensiones en píxeles de la ventana del navegador, sin una extensión?

Alguna vez he visto que safari me mostraba las dimensiones en píxeles de la ventana del navegador, incluso cuando la redimensionaba arrastrando hacia la izquierda o hacia la derecha, mostraba cuántos píxeles en el eje x y cuántos píxeles en el eje y.

Pero ahora cuando cambio el tamaño de la ventana no muestra el número de píxeles de cualquier tamaño actual.

¿Cómo puedo obtener la resolución / número de píxeles en x e y, para mostrar cuando cambiar el tamaño de la ventana del navegador safari (como he visto que hacer antes)?

nota- (antes se titulaba -por error- como safari ha dejado de mostrarme la resolución al redimensionar una ventana)

1 votos

Puedo decir honestamente que nunca he visto eso. ¿Estás seguro de que no era una extensión de Safari que ya no funciona u otra utilidad del sistema? ¿Puedes ser más descriptivo sobre lo que ves y qué aspecto tiene?

1 votos

Estoy de acuerdo: nunca he visto ninguna aplicación de MacOS que haga algo parecido (aparte de Terminal, que muestra el tamaño en bloques de caracteres en la barra de título).

0 votos

@SteveChambers He encontrado la respuesta .. ¿Debo reformular la pregunta para preguntar cómo obtener las dimensiones en píxeles (sin ninguna extensión)? (no es que safari haya dejado de mostrarme las dimensiones, que no eran correctas) Así mi respuesta se ajustará a la pregunta y ésta no tendrá un error en ella

4voto

user229898 Puntos 302

Aunque la respuesta aceptada funciona bien para elementos individuales al pasar el ratón, puede ser difícil capturar toda la ventana del navegador cuando se intenta cambiar el tamaño.

Otro método sería el de Safari Responsive Design Mode que le mostrará la anchura y la altura en píxeles a medida que cambia el tamaño. Está escondido en el Develop Tab entonces Enter Responsive Design Mode

enter image description here

0 votos

"Responsive Design Mode" está bastante bien, pero le faltan muchas cosas, como cualquier dispositivo reciente, un montón de dispositivos más antiguos, y ser capaz de poner los dispositivos en vertical / paisaje, y supongo que alguna capacidad de añadir dispositivos personalizados.

0 votos

@mfink ¿Es posible redimensionar manualmente la anchura (y altura) de la ventana gráfica como en Chrome? Redimensionarlo con el ratón es demasiado difícil/imposible para hacer que la dimensión sea de un cierto tamaño px

0 votos

Puedes cambiar un dispositivo de vertical a horizontal y viceversa con sólo pulsarlo más de una vez.

2voto

madhukar Puntos 16

Tienes que tener el inspector de elementos abierto. Así que con el inspector de elementos abierto, entonces, En Safari, cuando se pasa por encima de un elemento, muestra los píxeles.

Y puedes hacer que muestre los píxeles mientras cambias el tamaño de una ventana, para ello haz clic en el icono de la retícula en el inspector, luego pasa por encima del fondo para que muestre los píxeles, luego mueve el ratón para que siga mostrando los píxeles, y cambia el tamaño de la ventana y actualizará las dimensiones de los píxeles.

Ten en cuenta que en Chrome, si tienes el inspector abierto, y cambias el tamaño, entonces te muestra las dimensiones en píxeles mientras cambias el tamaño.

0 votos

¿qué es el inspector de elementos y cómo se abre?

0 votos

Primero activa el menú Revelar en Preferencias > Avanzado. A continuación, seleccione Mostrar inspector web en ese menú o pulse Opción-Comando-I

2voto

Polar Bear Puntos 11

En caso de que alguien siga buscando una solución mejor, puede utilizar la herramienta de la regla en el Inspector Web para mostrar las medidas en vivo.

Abra el Inspector Web (I) y haga clic en la herramienta de la regla en los iconos de la parte superior izquierda.

Una cosa a tener en cuenta es empezar con una página que no tenga desplazamiento ya que parece ignorar el espacio para la barra de desplazamiento cuando está presente (15px de diferencia en mi caso)

Screenshot of Web Inspector Measurements tool

0voto

JRP Puntos 1

Me gustaría compartir mi experiencia con Opera/Mac OS. Hay un panel de inspección similar, disponible en el menú Desarrollador|Herramientas de desarrollo. La función de medición se activa después de seleccionar un instrumento de flecha en la esquina superior izquierda de ese panel. Lo que he encontrado, es que la medición de píxeles depende del nivel de zoom de la página web (menú Zoom|Zoom In/Zoom Out). En mi caso, traté de medir algunos elementos en un juego de navegador. No se podía hacer ningún tipo de zoom, es decir, el zoom no cambiaba ni un solo píxel en la pantalla, y sin embargo, las mediciones eran diferentes en los distintos niveles de zoom. Lo mismo puede aplicarse a Safari también.

0voto

Jonny Puntos 86

Mostrar las reglas y las dimensiones de los elementos al pasar el ratón por encima:

  1. Seleccione las Preferencias del Menú Safari
  2. Ir a la ficha avanzada
  3. Activar el menú Desarrollo en la barra de menús
  4. En el menú Desarrollo, seleccione "Iniciar selección de elementos" C

AppleAyuda.com

AppleAyuda es una comunidad de usuarios de los productos de Apple en la que puedes resolver tus problemas y dudas.
Puedes consultar las preguntas de otros usuarios, hacer tus propias preguntas o resolver las de los demás.

Powered by:

X