- Si ingresas los siguientes comandos en la Terminal de Mac, se activa el menú "Inspect Element" en las WebViews que usa el sistema,
lo que permite examinar con las herramientas de desarrollador todas las WebViews de los cuadros de diálogo del sistema como si fueran sitios web normales
defaults write NSGlobalDomain WebKitDeveloperExtras -bool true
defaults write -g WebKitDeveloperExtras -bool YES
- Esto permite ver cómo los ingenieros de Apple usan palabras clave CSS no estándar de WebKit para implementar en la web, tal cual, interfaces de macOS desarrolladas con APIs del sistema
→ Ej.) en la pestaña de Compartir en familia de Apple Music incluso se puede ver que usaron React, y también aparecen cosas como Web Components
- A través de esto, se puede observar por qué existen ciertas funciones específicas de WebKit/Safari
→ Ej.) que el módulo de fuentes de CSS4 soporte fuentes del sistema. font-family : -apple-system
4 comentarios
Vaya, qué interesante. Pero también me daba curiosidad cómo se enteran de cosas así, y me decepciona que no hablaran de eso.
Hilo de respuestas: https://twitter.com/samhenrigold/status/1503179818879401987
Por lo que vi, parece que activar la opción
WebkitDeveloperExtrasya se conoce desde hace bastante tiempo. Hay una pregunta en Stack Overflow de hace 12 años.https://stackoverflow.com/questions/695038/…
Me da la impresión de que Apple recién empezó a usar webviews en el sistema hace relativamente poco.
Tenía curiosidad por el proceso mental: cómo se les ocurrió inspeccionar las apps predeterminadas de Mac y cómo descubrieron el método para hacerlo (por ejemplo, la existencia de ese comando), así que pregunté en Twitter... pero al parecer ya era un método conocido.
No sé si responderán, pero si llega una respuesta también la compartiré aquí.