Menginspeksi Web View yang Digunakan macOS

 (blog.jim-nielsen.com)
18 poin oleh xguru 2022-03-14 | 4 komentar | Bagikan ke WhatsApp
  • Jika Anda memasukkan perintah di bawah ini di Terminal Mac, menu "Inspect Element" akan diaktifkan pada web view yang digunakan sistem, sehingga semua web view di dialog sistem bisa diperiksa dengan developer tools layaknya situs web biasa
    defaults write NSGlobalDomain WebKitDeveloperExtras -bool true
    defaults write -g WebKitDeveloperExtras -bool YES
  • Anda juga bisa melihat bagaimana para engineer Apple menggunakan kata kunci CSS non-standar milik WebKit untuk mengimplementasikan UI macOS yang dibangun dengan API sistem secara apa adanya di web
    → Contoh: di tab Family Sharing Apple Music, Anda bahkan bisa melihat penggunaan React, dan juga hal-hal seperti web component
  • Melalui ini, Anda bisa melihat alasan beberapa fitur tertentu di WebKit/Safari disediakan
    → Contoh: modul font CSS4 yang mendukung font sistem. font-family : -apple-system

Bacaan terkait

4 komentar

 
spilist2 2022-03-14

Wah, menarik sekali. Tapi saya juga penasaran bagaimana hal seperti ini bisa diketahui, jadi agak disayangkan karena tidak ada pembahasan soal itu.
 
spilist2 2022-03-14

Thread balasan: https://twitter.com/samhenrigold/status/1503179818879401987

Saya tertarik untuk mencari tahu bagaimana aplikasi iTunes Store bekerja. Menjalankan proxy dan memeriksa HTML secara manual sangat merepotkan, jadi saya mulai mencari di internet nilai pref apa pun yang bisa saya tulis untuk mengaktifkan dev tools.

Saya tidak bisa menemukan apa pun, jadi saya mengekstrak strings (https://macworld.com/article/192447/findhidden.html) dari biner iTunes dan framework WebKit secara eksplisit sambil mencari key yang mungkin membantu. Saya tidak menemukan apa pun untuk iTunes, tetapi entri yang saya temukan mengaktifkan inspector di tempat lain!
 
xguru 2022-03-14

Sepertinya menyalakan opsi WebkitDeveloperExtras sudah cukup lama diketahui. Ada pertanyaan di Stackoverflow dari 12 tahun lalu.
https://stackoverflow.com/questions/695038/…
Saya jadi berpikir mungkin baru belakangan ini Apple mulai menggunakan webview di sistemnya.
 
spilist2 2022-03-14

Saya penasaran dengan proses berpikirnya: bagaimana dia terpikir untuk menginspeksi aplikasi bawaan Mac, dan bagaimana dia mengetahui cara menginspeksinya (termasuk keberadaan perintah itu), jadi saya sempat bertanya lewat Twitter.. ternyata ini memang cara yang sudah dikenal. Saya tidak tahu apakah dia akan membalas, tetapi kalau ada balasan saya akan membagikannya di sini juga.