macOS द्वारा उपयोग किए जाने वाले web view को Inspect करना

• Mac टर्मिनल में नीचे दिए गए कमांड दर्ज करने पर सिस्टम द्वारा उपयोग किए जाने वाले web view में "Inspect Element" मेनू सक्रिय हो जाता है,
  जिससे सिस्टम डायलॉग विंडो के सभी web view को सामान्य वेबसाइट की तरह developer tools से देखा जा सकता है
  defaults write NSGlobalDomain WebKitDeveloperExtras -bool true
  defaults write -g WebKitDeveloperExtras -bool YES
• इससे यह देखना संभव हो जाता है कि Apple इंजीनियरों ने WebKit के non-standard CSS keywords का उपयोग करके system API से बने macOS UI को web पर लगभग उसी तरह कैसे लागू किया है
  → उदाहरण) Apple Music के Family Sharing टैब में React इस्तेमाल हुआ है, यह भी देखा जा सकता है, और web components जैसी चीज़ें भी दिखती हैं
• इसके जरिए यह भी समझा जा सकता है कि WebKit/Safari की कुछ खास सुविधाएँ क्यों उपलब्ध कराई गई हैं
  → उदाहरण) CSS4 font module का system fonts को support करना. font-family: -apple-system

[spilist2]

वाह, यह काफ़ी दिलचस्प है। लेकिन मैं यह भी जानना चाहता था कि ऐसी चीज़ें पता कैसे चलती हैं, और अफ़सोस है कि उस बारे में कोई बात नहीं थी।

[spilist2]

जवाब थ्रेड: https://twitter.com/samhenrigold/status/1503179818879401987

मुझे यह समझने में दिलचस्पी थी कि iTunes Store app कैसे काम करता है। proxy चलाकर और HTML को हाथ से inspect करना बहुत झंझट भरा था, इसलिए मैंने online यह देखना शुरू किया कि क्या कोई ऐसी pref values हैं जिन्हें लिखकर dev tools enable किए जा सकते हैं।

मुझे कुछ नहीं मिला, इसलिए मैंने iTunes binary और WebKit frameworks से strings (https://macworld.com/article/192447/findhidden.html) निकालकर खास तौर पर ऐसी keys ढूँढीं जो काम की हो सकती थीं। iTunes के लिए तो कुछ नहीं मिला, लेकिन जो entries मिलीं उन्होंने दूसरी जगह inspector enable कर दिया!

[xguru]

देखा तो लगा कि WebkitDeveloperExtras विकल्प को चालू करने की बात काफ़ी पहले से जानी जाती रही है। Stackoverflow पर 12 साल पुराना एक सवाल भी है.
https://stackoverflow.com/questions/695038/…
मुझे लगता है कि Apple ने हाल के समय में ही सिस्टम में webview का इस्तेमाल शुरू किया होगा।

[spilist2]

मुझे यह जानने की जिज्ञासा थी कि आपने macOS के डिफ़ॉल्ट apps को inspect करने का विचार कैसे किया, और फिर inspect करने का तरीका कैसे पता चला (जैसे उस command का होना आदि), इसलिए मैंने Twitter पर पूछा था.. लेकिन यह तो पहले से ज्ञात तरीका था।
पता नहीं जवाब मिलेगा या नहीं, लेकिन अगर जवाब आता है तो मैं उसे यहाँ भी साझा करूँगा।