ต้องรู้
- ในการเปิดใช้งาน: Preferences > เลือก ขั้นสูง แท็บ > สลับ แสดงเมนูพัฒนาในแถบเมนูon.
- วิธีใช้: เลือก Develop > เข้าสู่โหมดการออกแบบที่ตอบสนอง ในแถบเครื่องมือ Safari
บทความนี้อธิบายวิธีเปิดใช้งานโหมดการออกแบบที่ตอบสนองใน Safari 9 ถึง Safari 13 ใน OS X El Capitan ผ่าน macOS Catalina
วิธีเปิดใช้งานโหมดการออกแบบที่ตอบสนองใน Safari
ในการเปิดใช้โหมดการออกแบบที่ตอบสนองของ Safari พร้อมกับเครื่องมือสำหรับนักพัฒนา Safari อื่นๆ:
-
ไปที่เมนู Safari แล้วเลือก Preferences.
กดแป้นพิมพ์ลัด Command+ , (จุลภาค) เพื่อเข้าถึงการตั้งค่าอย่างรวดเร็ว
-
ในกล่องโต้ตอบ Preferences ให้เลือกแท็บ ขั้นสูง
Image -
ที่ด้านล่างของกล่องโต้ตอบ ให้เลือกกล่องกาเครื่องหมาย แสดงเมนูพัฒนาในแถบเมนู
Image -
ตอนนี้คุณจะเห็น Develop ในแถบเมนู Safari ด้านบน
Image -
เลือก Develop > เข้าสู่โหมดการออกแบบที่ตอบสนอง ในแถบเครื่องมือ Safari
กดแป้นพิมพ์ลัด Option+ Command+ R เพื่อเข้าสู่โหมดการออกแบบที่ตอบสนองอย่างรวดเร็ว.
Image -
หน้าเว็บที่ใช้งานอยู่จะแสดงในโหมดการออกแบบที่ตอบสนอง ที่ด้านบนของหน้า เลือกอุปกรณ์ iOS หรือความละเอียดหน้าจอเพื่อดูว่าหน้าจะแสดงผลอย่างไร
Image -
อีกวิธีหนึ่ง ดูว่าหน้าเว็บของคุณจะแสดงผลอย่างไรในแพลตฟอร์มต่างๆ โดยใช้เมนูแบบเลื่อนลงเหนือไอคอนความละเอียด
Image
เครื่องมือสำหรับนักพัฒนา Safari
นอกจากโหมดการออกแบบที่ตอบสนองแล้ว เมนู Safari Develop ยังมีตัวเลือกที่มีประโยชน์อื่นๆ
เปิดเพจด้วย
เปิดหน้าเว็บที่ใช้งานอยู่ในเบราว์เซอร์ที่ติดตั้งบน Mac ในปัจจุบัน
ตัวแทนผู้ใช้
เมื่อคุณเปลี่ยน User Agent คุณสามารถหลอกเว็บไซต์ให้คิดว่าคุณกำลังใช้เบราว์เซอร์อื่น
แสดงตัวตรวจสอบเว็บ
แสดงทรัพยากรของหน้าเว็บทั้งหมด รวมถึงข้อมูล CSS และเมตริก DOM
แสดงคอนโซลข้อผิดพลาด
แสดงข้อผิดพลาดและคำเตือน JavaScript, HTML และ XML
แสดงที่มาของหน้า
ให้คุณดูซอร์สโค้ดสำหรับหน้าเว็บที่ใช้งานอยู่และค้นหาเนื้อหาของหน้า
แสดงทรัพยากรของเพจ
แสดงเอกสาร สคริปต์ CSS และทรัพยากรอื่นๆ จากหน้าปัจจุบัน
แสดงตัวแก้ไขตัวอย่าง
ให้คุณแก้ไขและรันโค้ดบางส่วนได้ ฟีเจอร์นี้มีประโยชน์จากมุมมองของการทดสอบ
แสดงตัวสร้างส่วนขยาย
ช่วยคุณสร้างส่วนขยาย Safari โดยการบรรจุโค้ดของคุณให้สอดคล้องและผนวกข้อมูลเมตาต่อท้าย
เริ่มบันทึกไทม์ไลน์
ให้คุณบันทึกคำขอเครือข่าย การใช้งาน JavaScript การแสดงหน้าเว็บ และกิจกรรมอื่นๆ ภายใน WebKit Inspector
แคชที่ว่างเปล่า
ลบแคชที่เก็บไว้ทั้งหมดภายใน Safari ไม่ใช่แค่ไฟล์แคชของเว็บไซต์มาตรฐาน
ปิดการใช้งานแคช
เมื่อปิดใช้งานการแคช ทรัพยากรจะถูกดาวน์โหลดจากเว็บไซต์ทุกครั้งที่มีการร้องขอการเข้าถึง ซึ่งต่างจากการใช้แคชในเครื่อง
อนุญาต JavaScript จากช่องค้นหาอัจฉริยะ
ถูกปิดใช้งานโดยค่าเริ่มต้นด้วยเหตุผลด้านความปลอดภัย คุณลักษณะนี้ทำให้คุณสามารถป้อน URL ที่มี JavaScript ลงในแถบที่อยู่ของ Safari
