Incremente los valores de las propiedades CSS en el inspector web de Safari con las flechas del teclado

En las herramientas del inspector web de Safari, al modificar una propiedad CSS de un elemento, ¿hay alguna forma de incrementar con las flechas hacia arriba y hacia abajo del teclado como en Chrome?

Respuestas (2)

Use Opción + flecha hacia arriba o hacia abajo, la lista de accesos directos del inspector se puede encontrar aquí. https://developer.apple.com/library/content/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/KeyboardShortcuts/KeyboardShortcuts.html

Gracias por eso. No tenían esta función cuando publiqué, ¿quizás la agregaron en una actualización reciente?

Ahora puede usar solo las teclas arriba/abajo, sin mantener presionada ⌥. Presentado en Safari Technology Preview 43, llegará a la versión principal de Safari en un futuro próximo.

  • Flechas hacia arriba y hacia abajo habilitadas para modificar los valores numéricos de CSS en la barra lateral de estilos rediseñada

https://developer.apple.com/safari/technology-preview/release-notes/

Sosteniendo ⌥ ahora avanza solo 0.1.

La tecla Arriba incrementa un número, la tecla Abajo lo disminuye.

Mantener presionadas las teclas modificadoras cambia el valor del paso:

  • La opción modifica el valor por 0.1
  • Shift modifica el valor por 10
  • El comando modifica el valor por 100

https://trac.webkit.org/changeset/223336/webkit/