- Se você inserir os comandos abaixo no Terminal do Mac, o menu "Inspect Element" será ativado nas webviews usadas pelo sistema, permitindo examinar com ferramentas de desenvolvedor, como em sites comuns, todas as webviews das janelas de diálogo do sistema
defaults write NSGlobalDomain WebKitDeveloperExtras -bool true
defaults write -g WebKitDeveloperExtras -bool YES
- Isso permite ver como os engenheiros da Apple usaram palavras-chave CSS não padronizadas do WebKit para implementar na web, quase exatamente, interfaces do macOS desenvolvidas com APIs do sistema
→ Ex.) na aba de Compartilhamento Familiar do Apple Music, dá para ver que eles também usaram React, e aparecem coisas como web components
- Com isso, é possível observar por que certos recursos específicos de WebKit/Safari são oferecidos
→ Ex.) o suporte a fontes do sistema no módulo de fontes CSS4: font-family: -apple-system
4 comentários
Nossa, que interessante. Mas também fiquei curioso sobre como se descobre esse tipo de coisa, e foi uma pena que não tenha falado disso.
Thread de resposta: https://twitter.com/samhenrigold/status/1503179818879401987
Pelo que vi, ativar a opção
WebkitDeveloperExtrasjá parece ser algo conhecido há bastante tempo. Há uma pergunta no Stack Overflow de 12 anos atrás.https://stackoverflow.com/questions/695038/…
Fico pensando se foi só recentemente que a Apple começou a usar webviews no sistema.
Fiquei curioso sobre o processo de raciocínio: como você pensou em inspecionar os apps padrão do Mac e, por isso, como descobriu o método de inspeção (incluindo a existência daquele comando), então perguntei no Twitter... mas pelo visto já era um método conhecido.
Não sei se vão responder, mas se houver uma resposta, também vou compartilhar aqui.