- Wenn man im Mac-Terminal die folgenden Befehle eingibt, wird im vom System verwendeten Webview das Menü „Inspect Element“ aktiviert, sodass sich alle Webviews in Systemdialogfenstern wie normale Websites mit den Entwicklertools untersuchen lassen
defaults write NSGlobalDomain WebKitDeveloperExtras -bool true
defaults write -g WebKitDeveloperExtras -bool YES
- Dadurch kann man sehen, wie Apple-Ingenieure mit nicht standardmäßigen CSS-Schlüsselwörtern von WebKit macOS-UIs, die mit System-APIs entwickelt wurden, im Web unverändert umgesetzt haben
→ Zum Beispiel lässt sich im Tab „Familienfreigabe“ von Apple Music erkennen, dass React verwendet wurde, und man sieht auch Dinge wie Web Components
- So lässt sich nachvollziehen, warum bestimmte Funktionen in WebKit/Safari bereitgestellt werden
→ Zum Beispiel, dass das CSS4 Font Module Systemschriftarten unterstützt: font-family: -apple-system
4 Kommentare
Wow, das ist wirklich faszinierend. Ich hätte allerdings auch gern gewusst, wie man so etwas herausfindet; schade, dass das nicht erwähnt wurde.
Antwort-Thread: https://twitter.com/samhenrigold/status/1503179818879401987
Soweit ich recherchiert habe, scheint es schon seit ziemlich langer Zeit bekannt zu sein, dass man den Eintrag
WebkitDeveloperExtrasaktivieren kann. Auf Stack Overflow gibt es dazu sogar eine Frage von vor 12 Jahren.https://stackoverflow.com/questions/695038/…
Ich habe den Eindruck, dass Apple erst in jüngerer Zeit damit begonnen hat, Webviews im System zu verwenden.
Ich war neugierig auf den Gedankengang dahinter, wie man überhaupt darauf kommt, die Standard-Apps von macOS zu inspizieren, und wie man dann die Methode zum Inspizieren herausgefunden hat (etwa die Existenz dieses Befehls). Deshalb habe ich auf Twitter nachgefragt … aber offenbar war das bereits eine bekannte Methode.
Ich weiß nicht, ob ich eine Antwort bekommen werde, aber falls eine kommt, teile ich sie auch hier.