18 pontos por xguru 2022-03-14 | 4 comentários | Compartilhar no WhatsApp
  • 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

 
spilist2 2022-03-14

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.

 
spilist2 2022-03-14

Thread de resposta: https://twitter.com/samhenrigold/status/1503179818879401987

eu estava interessado em descobrir como o app da iTunes Store funciona. rodar um proxy e inspecionar o HTML manualmente era uma baita dor de cabeça, então comecei a procurar online por quaisquer valores de preferência que eu pudesse definir para habilitar as ferramentas de desenvolvimento.

Não consegui encontrar nada, então extraí as strings (https://macworld.com/article/192447/findhidden.html) do binário do iTunes e dos frameworks do WebKit, procurando explicitamente por chaves que pudessem ser úteis. Não encontrei nada para o iTunes, mas as entradas que achei habilitaram o inspetor em outros lugares!

 
xguru 2022-03-14

Pelo que vi, ativar a opção WebkitDeveloperExtras já 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.

 
spilist2 2022-03-14

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.