macOS’in kullandığı web view’leri incelemek

 (blog.jim-nielsen.com)
18 puan yazan xguru 2022-03-14 | 4 yorum | WhatsApp'ta paylaş
  • Mac Terminal’de aşağıdaki komutları girerseniz, sistemin kullandığı web view’lerde "Inspect Element" menüsü etkinleşir; böylece sistem iletişim pencerelerindeki tüm web view’leri sıradan web siteleri gibi geliştirici araçlarıyla inceleyebilirsiniz.
    defaults write NSGlobalDomain WebKitDeveloperExtras -bool true
    defaults write -g WebKitDeveloperExtras -bool YES
  • Böylece Apple mühendislerinin WebKit’in standart dışı CSS anahtar sözcüklerini kullanarak, sistem API’leriyle geliştirilmiş macOS arayüzünü web’de birebir nasıl uyguladıklarını görebilirsiniz.
    → Örnek: Apple Music’in Aile Paylaşımı sekmesinde React kullanıldığını da görebilir, web component benzeri yapılar da fark edebilirsiniz.
  • Bu sayede WebKit/Safari’de belirli özelliklerin neden sunulduğunu da inceleyebilirsiniz.
    → Örnek: CSS4 font modülünün sistem fontlarını desteklemesi. font-family: -apple-system

İlgili okumalar

4 yorum

 
spilist2 2022-03-14

Vay, gerçekten ilginçmiş. Ama bunun gibi şeyleri nasıl keşfettiklerini de merak etmiştim; o konudan bahsetmemiş olmaları biraz üzücü.
 
spilist2 2022-03-14

Yanıt dizisi: https://twitter.com/samhenrigold/status/1503179818879401987

iTunes Store uygulamasının nasıl çalıştığını anlamakla ilgileniyordum. Bir proxy çalıştırıp HTML'i elle incelemek tam bir baş belasıydı, bu yüzden geliştirici araçlarını etkinleştirmek için yazabileceğim herhangi bir tercih değeri var mı diye internette araştırmaya başladım.

Hiçbir şey bulamadım, bu yüzden işe yarayabilecek anahtarları özellikle arayarak iTunes ikili dosyasından ve WebKit framework'lerinden string'leri çıkardım (https://macworld.com/article/192447/findhidden.html). iTunes için bir şey bulamadım ama bulduğum girdiler başka yerlerde denetçiyi etkinleştirdi!
 
xguru 2022-03-14

Araştırınca, WebkitDeveloperExtras öğesini açmanın epey eskiden beri biliniyor gibi göründüğünü fark ettim. Stack Overflow'da 12 yıl önce sorulmuş bir soru var.
https://stackoverflow.com/questions/695038/…
Sanırım Apple ancak yakın zamanda sistemde webview kullanmaya başlamış olabilir.
 
spilist2 2022-03-14

Mac’in varsayılan uygulamalarını nasıl inspect etmeyi düşündüğünü ve dolayısıyla inspect yöntemini nasıl öğrendiğini (o komutun varlığı gibi) merak ettiğim için Twitter’dan sormuştum ama.. meğer bilinen bir yöntemmiş.
Yanıt verip vermeyeceğini bilmiyorum ama bir yanıt gelirse burada da paylaşacağım.