การ Inspect เว็บวิวที่ macOS ใช้งานอยู่

• หากพิมพ์คำสั่งด้านล่างใน Terminal บน Mac เมนู "Inspect Element" จะถูกเปิดใช้งานในเว็บวิวที่ระบบใช้งานอยู่ ทำให้สามารถตรวจดูเว็บวิวทั้งหมดในหน้าต่างโต้ตอบของระบบด้วยเครื่องมือนักพัฒนาได้เหมือนกับเว็บไซต์ทั่วไป
  defaults write NSGlobalDomain WebKitDeveloperExtras -bool true
  defaults write -g WebKitDeveloperExtras -bool YES
• ทำให้สามารถเห็นวิธีที่วิศวกรของ Apple ใช้คีย์เวิร์ด CSS แบบไม่เป็นมาตรฐานของ WebKit เพื่อสร้าง UI ของ macOS ที่พัฒนาด้วย system API ให้ทำงานบนเว็บได้เหมือนเดิม
  → ตัวอย่าง) ในแท็บ Family Sharing ของ Apple Music จะเห็นได้ว่าใช้ React และยังเห็นสิ่งที่คล้ายกับเว็บคอมโพเนนต์ด้วย
• จากสิ่งนี้ เราสามารถดูเหตุผลได้ว่าทำไมฟีเจอร์บางอย่างของ WebKit/Safari จึงถูกมีให้ใช้งาน
  → ตัวอย่าง) CSS4 Font Module รองรับ system font เช่น font-family: -apple-system

[spilist2]

ว้าว น่าสนใจจริง ๆ ครับ แต่ว่าก็สงสัยเหมือนกันว่าเขาหาวิธีแบบนี้เจอได้อย่างไร เสียดายที่ไม่มีพูดถึงเรื่องนั้น

[spilist2]

เธรดคำตอบ: https://twitter.com/samhenrigold/status/1503179818879401987

ฉันสนใจว่าแอป iTunes Store ทำงานอย่างไร การรันพร็อกซีและตรวจดู HTML ด้วยมือเป็นเรื่องยุ่งยากสุด ๆ เลยเริ่มค้นหาทางออนไลน์ว่ามีค่า pref อะไรที่สามารถเขียนเพื่อเปิดใช้ dev tools ได้บ้าง

ฉันหาไม่เจออะไรเลย เลยดึง strings (https://macworld.com/article/192447/findhidden.html) ออกจากไบนารีของ iTunes และเฟรมเวิร์ก WebKit โดยตั้งใจมองหาคีย์ที่น่าจะช่วยได้ สุดท้ายไม่เจออะไรสำหรับ iTunes แต่รายการที่เจอกลับเปิดใช้ inspector ที่อื่นได้!

[xguru]

ดูเหมือนว่าการเปิดรายการ WebkitDeveloperExtras จะเป็นเรื่องที่มีคนรู้กันมาค่อนข้างนานแล้ว มีคำถามใน Stackoverflow ตั้งแต่ 12 ปีก่อนด้วย
https://stackoverflow.com/questions/695038/…
ผมเลยคิดว่าบางที Apple อาจเพิ่งเริ่มใช้เว็บวิวในระบบเมื่อไม่นานมานี้

[spilist2]

ฉันสงสัยกระบวนการคิดเหมือนกันว่าเขานึกจะ inspect แอปพื้นฐานของ Mac ได้อย่างไร แล้วไปรู้วิธี inspect มาได้อย่างไรด้วย (เช่น การมีอยู่ของคำสั่งนั้น ฯลฯ) เลยไปถามใน Twitter แต่.. กลายเป็นว่านี่เป็นวิธีที่รู้จักกันอยู่แล้วนี่เอง
ไม่รู้ว่าจะมีคำตอบกลับมาหรือเปล่า แต่ถ้ามีคำตอบจะมาแชร์ไว้ที่นี่ด้วย