นอกจากผู้ผลิตเบราว์เซอร์ส่วนใหญ่ที่เน้นไปที่ผู้ใช้ในชีวิตประจำวันที่ต้องการท่องเว็บแล้ว พวกเขายังให้ความสำคัญกับนักพัฒนาเว็บ นักออกแบบ และผู้เชี่ยวชาญด้านการประกันคุณภาพที่ช่วยสร้างแอปและไซต์ที่ผู้ใช้เหล่านั้นเข้าถึงได้ด้วยการผสานรวมที่มีประสิทธิภาพ เครื่องมือลงในเบราว์เซอร์โดยตรง
ไปเป็นวันที่เครื่องมือการเขียนโปรแกรมและการทดสอบเดียวที่พบในเบราว์เซอร์อนุญาตให้คุณดูซอร์สโค้ดของหน้าและไม่มีอะไรเพิ่มเติม เบราว์เซอร์ในปัจจุบันช่วยให้คุณเจาะลึกมากขึ้นด้วยการทำสิ่งต่างๆ เช่น ดำเนินการและดีบักข้อมูลโค้ด JavaScript การตรวจสอบและแก้ไของค์ประกอบ DOM ตรวจสอบการรับส่งข้อมูลเครือข่ายแบบเรียลไทม์ขณะที่แอปหรือหน้าเว็บของคุณโหลดเพื่อระบุปัญหาคอขวด วิเคราะห์ประสิทธิภาพ CSS เพื่อให้แน่ใจว่าโค้ดของคุณเป็น ไม่ใช้หน่วยความจำมากเกินไปหรือรอบ CPU มากเกินไปและอีกมากมาย
จากมุมมองของการทดสอบ คุณสามารถจำลองวิธีที่แอปหรือหน้าเว็บจะแสดงในเบราว์เซอร์ต่างๆ ตลอดจนบนอุปกรณ์และแพลตฟอร์มต่างๆ ได้โดยใช้เวทมนตร์ของการออกแบบที่ตอบสนองและโปรแกรมจำลองในตัว ส่วนที่ดีที่สุดคือคุณสามารถทำทั้งหมดนี้ได้โดยไม่ต้องออกจากเบราว์เซอร์!
บทแนะนำด้านล่างนี้จะอธิบายวิธีเข้าถึงเครื่องมือสำหรับนักพัฒนาเหล่านี้ในเว็บเบราว์เซอร์ยอดนิยมต่างๆ
Google Chrome
เครื่องมือสำหรับนักพัฒนา Chrome ช่วยให้คุณแก้ไขและดีบักโค้ด ตรวจสอบส่วนประกอบแต่ละรายการเพื่อแสดงปัญหาด้านประสิทธิภาพ จำลองหน้าจออุปกรณ์ต่างๆ รวมถึงหน้าจอที่ใช้ Android หรือ iOS และทำหน้าที่อื่นๆ ที่เป็นประโยชน์มากมาย
- เลือก เมนูหลักของ Chrome ที่ทำเครื่องหมายด้วยเส้นแนวนอนสามเส้นและอยู่ที่มุมบนขวาของเบราว์เซอร์
-
เมื่อเมนูแบบเลื่อนลงปรากฏขึ้น ให้วางเคอร์เซอร์เมาส์ไว้เหนือตัวเลือก เครื่องมือเพิ่มเติม
Image -
เมนูย่อยจะปรากฏขึ้น เลือกตัวเลือกที่มีข้อความว่า เครื่องมือสำหรับนักพัฒนา คุณยังสามารถใช้แป้นพิมพ์ลัดต่อไปนี้แทนรายการเมนูนี้ได้: Chrome OS/Windows (CTRL+SHIFT+I), Mac OS X (ALT(OPTION) +คำสั่ง+I)
Image - ควรแสดงอินเทอร์เฟซเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ Chrome ตามที่แสดงในภาพหน้าจอตัวอย่างนี้ เลย์เอาต์เริ่มต้นที่คุณเห็นอาจแตกต่างไปจากที่แสดงที่นี่เล็กน้อย ทั้งนี้ขึ้นอยู่กับเวอร์ชันของ Chrome ศูนย์กลางหลักของเครื่องมือสำหรับนักพัฒนา ซึ่งโดยทั่วไปจะอยู่ที่ด้านล่างหรือด้านขวาของหน้าจอ มีแท็บต่อไปนี้
-
นอกจากหัวข้อเหล่านี้แล้ว คุณยังสามารถเข้าถึงเครื่องมือต่อไปนี้ได้ทางไอคอน >> ที่ด้านขวาของ ประสิทธิภาพ แถบ
- Memory: ตรวจสอบและบันทึกการใช้หน่วยความจำบนหน้าเว็บ คุณสามารถดูได้ว่า JavaScript บนไซต์ของคุณหนักเพียงใด
- Security: ไฮไลต์ปัญหาใบรับรองและปัญหาด้านความปลอดภัยอื่นๆ กับเพจหรือแอปพลิเคชันที่ใช้งานอยู่
- Application: ตรวจสอบทรัพยากรที่เว็บแอปพลิเคชันใช้ ดูรายละเอียดการใช้งานทั้งหมด
- Audits: เสนอวิธีเพิ่มประสิทธิภาพเวลาโหลดหน้าหรือแอปพลิเคชันและประสิทธิภาพทั่วไป
Image -
โหมดอุปกรณ์ ให้คุณดูหน้าที่ใช้งานอยู่ในโปรแกรมจำลอง ซึ่งแสดงผลเกือบจะเหมือนกับที่ปรากฏบนอุปกรณ์มากกว่าหนึ่งโหล รวมถึง Android ที่มีชื่อเสียงหลายเครื่อง และรุ่น iOS เช่น iPad, iPhone และ Samsung Galaxy คุณยังได้รับความสามารถในการจำลองความละเอียดหน้าจอแบบกำหนดเองเพื่อให้เหมาะกับความต้องการในการพัฒนาหรือการทดสอบเฉพาะของคุณ
ในการสลับ โหมดอุปกรณ์ เปิดหรือปิด ให้เลือก ไอคอนโทรศัพท์มือถือ ซึ่งอยู่ทางด้านซ้ายของ องค์ประกอบ แท็บ
Image -
คุณยังสามารถปรับแต่งรูปลักษณ์ของเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ของคุณได้โดยเลือก ปุ่มเมนู ที่แสดงโดย สามจุดในแนวตั้ง และอยู่ทางด้านขวาสุดของแท็บดังกล่าว
จากภายในเมนูแบบเลื่อนลงนี้ คุณสามารถปรับตำแหน่งท่าเรือ แสดงหรือซ่อนเครื่องมือต่างๆ รวมทั้งเปิดรายการขั้นสูงเพิ่มเติม เช่น ตัวตรวจสอบอุปกรณ์ คุณจะพบว่าอินเทอร์เฟซเครื่องมือ dev นั้นปรับแต่งได้สูงผ่านการตั้งค่าที่พบในส่วนนี้
Image
Mozilla Firefox
ส่วนนักพัฒนาเว็บของ Firefox มีเครื่องมือสำหรับนักออกแบบ นักพัฒนา และผู้ทดสอบเหมือนกัน เช่น เครื่องมือแก้ไขสไตล์และ eyedropper สำหรับการกำหนดเป้าหมายพิกเซล
- เลือกเมนูหลัก ของ Firefox แสดงโดย สามเส้นแนวนอน และอยู่ที่มุมขวาบนของหน้าต่างเบราว์เซอร์
-
เมื่อเมนูดรอปดาวน์ปรากฏขึ้น ให้เลือก นักพัฒนาเว็บ.
Image -
เมนูนักพัฒนาเว็บ ควรปรากฏขึ้น โดยมีตัวเลือกดังต่อไปนี้ คุณจะสังเกตเห็นว่ารายการเมนูส่วนใหญ่มีแป้นพิมพ์ลัดที่เกี่ยวข้อง
- Toggle Tools: แสดงหรือซ่อนอินเทอร์เฟซเครื่องมือสำหรับนักพัฒนา ซึ่งโดยทั่วไปจะอยู่ที่ด้านล่างของหน้าต่างเบราว์เซอร์ แป้นพิมพ์ลัด: Mac OS X (ALT(OPTION)+COMMAND+I), Windows (CTRL+SHIFT+I)
- Inspector: ให้คุณตรวจสอบและ/หรือปรับแต่งโค้ด CSS และ HTML ในหน้าที่ใช้งานอยู่และบนอุปกรณ์พกพาผ่านการดีบักระยะไกล แป้นพิมพ์ลัด: Mac OS X (ALT(OPTION)+COMMAND+C), Windows (CTRL+SHIFT+C)
- เว็บคอนโซล: ให้คุณดำเนินการนิพจน์ JavaScript ภายในหน้าที่ใช้งานอยู่ตลอดจนตรวจสอบชุดข้อมูลที่บันทึกไว้ที่หลากหลาย รวมถึงคำเตือนด้านความปลอดภัย คำขอเครือข่าย ข้อความ CSS และอื่นๆ. แป้นพิมพ์ลัด: Mac OS X (ALT(OPTION)+COMMAND+K), Windows (CTRL+SHIFT+K)
- Debugger: JavaScript Debugger ช่วยให้คุณระบุและแก้ไขข้อบกพร่องโดยการตั้งค่าเบรกพอยต์ ตรวจสอบโหนด DOM แหล่งข้อมูลภายนอกของกล่องดำ และอื่นๆ อีกมากมาย เช่นเดียวกับกรณีของ Inspector คุณลักษณะนี้ยังสนับสนุนการดีบักระยะไกล แป้นพิมพ์ลัด: Mac OS X (ALT(OPTION)+COMMAND+S), Windows (CTRL+SHIFT+S)
- เครื่องมือแก้ไขสไตล์: ให้คุณสร้างสไตล์ชีตใหม่และรวมเข้ากับหน้าเว็บที่ใช้งานอยู่ หรือแก้ไขชีตที่มีอยู่และทดสอบว่าการเปลี่ยนแปลงของคุณแสดงผลอย่างไรในเบราว์เซอร์ด้วยการคลิกเพียงครั้งเดียว. แป้นพิมพ์ลัด: Mac OS X, Windows (SHIFT+F7)
- Performance: ให้รายละเอียดโดยละเอียดของประสิทธิภาพเครือข่ายของหน้าที่ใช้งานอยู่ ข้อมูลอัตราเฟรม เวลาและสถานะของการเรียกใช้ JavaScript การระบายสี และอื่นๆ อีกมากมาย แป้นพิมพ์ลัด: Mac OS X, Windows (SHIFT+F5)
- Network: แสดงรายการคำขอเครือข่ายแต่ละรายการที่เริ่มต้นโดยเบราว์เซอร์พร้อมกับวิธีการที่เกี่ยวข้อง โดเมนต้นทาง ประเภท ขนาด และเวลาที่ผ่านไป แป้นพิมพ์ลัด: Mac OS X (ALT(OPTION)+COMMAND+Q), Windows (CTRL+SHIFT+Q)
- Storage Inspector: ดูแคชและคุกกี้ที่เว็บไซต์เก็บไว้ แป้นพิมพ์ลัด: (SHIFT+F9)
- แถบเครื่องมือสำหรับนักพัฒนา: เปิดล่ามบรรทัดคำสั่งแบบโต้ตอบ ป้อน help ลงในล่ามเพื่อดูรายการคำสั่งที่มีอยู่ทั้งหมดและไวยากรณ์ที่ถูกต้อง แป้นพิมพ์ลัด: Mac OS X, Windows (SHIFT+F2)
- WebIDE: ให้ความสามารถในการสร้างและใช้งานเว็บแอปผ่านอุปกรณ์จริงที่ใช้ Firefox OS หรือผ่าน Firefox OS Simulator แป้นพิมพ์ลัด: Mac OS X, Windows (SHIFT+F8)
- คอนโซลเบราว์เซอร์: มีฟังก์ชันการทำงานเหมือนกับเว็บคอนโซล (ดูด้านบน)อย่างไรก็ตาม ข้อมูลทั้งหมดที่ส่งคืนมีไว้สำหรับแอปพลิเคชัน Firefox ทั้งหมด (รวมถึงส่วนขยายและฟังก์ชันระดับเบราว์เซอร์) แทนที่จะเป็นเพียงหน้าเว็บที่ใช้งานอยู่ แป้นพิมพ์ลัด: Mac OS X (SHIFT+COMMAND+J), Windows (CTRL+SHIFT+J)
- Responsive Design View: ให้คุณดูหน้าเว็บในความละเอียด เลย์เอาต์ และขนาดหน้าจอต่างๆ ได้ทันที เพื่อเลียนแบบอุปกรณ์หลายเครื่อง รวมถึงแท็บเล็ตและสมาร์ทโฟน แป้นพิมพ์ลัด: Mac OS X (ALT(OPTION)+COMMAND+M), Windows (CTRL+SHIFT+M)
- Eyedropper: แสดงรหัสสีฐานสิบหกสำหรับพิกเซลที่เลือกแยกกัน
- Scratchpad: Scratchpad ให้คุณเขียน แก้ไข รวมและดำเนินการตัวอย่างโค้ด JavaScript จากภายในหน้าต่าง Firefox ที่เด้งออกมา เปิดเอกสาร JavaScript เชิงโต้ตอบที่ให้คุณเขียนโค้ดและทดสอบกับเว็บไซต์ แป้นพิมพ์ลัด: (SHIFT+F4)
- พนักงานบริการ: เว็บแอปพลิเคชันของคุณดีบักพนักงานบริการ รับข้อมูลโดยละเอียดเกี่ยวกับประสิทธิภาพและข้อผิดพลาด
- ที่มาของหน้า: เครื่องมือสำหรับนักพัฒนาบนเบราว์เซอร์ดั้งเดิม ตัวเลือกนี้จะแสดงซอร์สโค้ดที่มีอยู่สำหรับหน้าที่ใช้งานอยู่ แป้นพิมพ์ลัด: Mac OS X (COMMAND+U), Windows (CTRL+U)
- รับเครื่องมือเพิ่มเติม: เปิดคอลเล็กชัน กล่องเครื่องมือนักพัฒนาเว็บ บนเว็บไซต์ส่วนเสริมอย่างเป็นทางการของ Mozilla โดยมีส่วนขยายยอดนิยมหลายสิบรายการ เช่น เป็น Firebug และ Greasemonkey
Image
Microsoft Edge/Internet Explorer
ที่เรียกกันทั่วไปว่า F12 Developer Tools การแสดงความเคารพต่อแป้นพิมพ์ลัดที่เปิดตัวอินเทอร์เฟซตั้งแต่ Internet Explorer เวอร์ชันก่อนหน้า ชุดเครื่องมือสำหรับนักพัฒนาใน IE11 และ Microsoft Edge มาไกลตั้งแต่เริ่มก่อตั้งโดยนำเสนอกลุ่มมอนิเตอร์ ดีบักเกอร์ อีมูเลเตอร์ และคอมไพเลอร์แบบทันทีที่มีประโยชน์มาก
Microsoft ไม่รองรับ Internet Explorer อีกต่อไป และแนะนำให้คุณอัปเดตเป็นเบราว์เซอร์ Edge ที่ใหม่กว่า ไปที่ไซต์ของพวกเขาเพื่อดาวน์โหลดเวอร์ชันใหม่ล่าสุด
-
เลือก การกระทำเพิ่มเติม แสดงโดย สามจุด และอยู่ที่มุมขวาบนของหน้าต่างเบราว์เซอร์
Image -
เมื่อเมนูดรอปดาวน์ปรากฏขึ้น ให้เลือกตัวเลือกที่มีข้อความว่า เครื่องมือสำหรับนักพัฒนา.
Image -
ควรแสดงอินเทอร์เฟซการพัฒนา โดยทั่วไปจะอยู่ที่ด้านล่างของหน้าต่างเบราว์เซอร์ มีเครื่องมือดังต่อไปนี้ โดยแต่ละเครื่องมือสามารถเข้าถึงได้โดยคลิกที่หัวข้อแท็บที่เกี่ยวข้องหรือใช้แป้นพิมพ์ลัดที่ให้มา
Image - DOM Explorer: ให้คุณแก้ไขสไตล์ชีตและ HTML ในหน้าที่ใช้งานอยู่ แสดงผลการแก้ไขตามที่คุณไป ใช้ฟังก์ชัน IntelliSense เพื่อเติมโค้ดอัตโนมัติหากมี แป้นพิมพ์ลัด: (CTRL+1)
- Console: ให้ความสามารถในการส่งข้อมูลการดีบัก รวมถึงตัวนับ ตัวจับเวลา การติดตาม และข้อความที่กำหนดเองผ่าน API ที่ผสานรวม นอกจากนี้ ยังให้คุณแทรกโค้ดลงในหน้าเว็บที่ใช้งานอยู่และแก้ไขค่าที่กำหนดให้กับตัวแปรแต่ละตัวได้แบบเรียลไทม์ แป้นพิมพ์ลัด: (CTRL+2)
- Debugger: ให้คุณตั้งค่าเบรกพอยต์และดีบักโค้ดของคุณในขณะที่รัน ทีละบรรทัดถ้าจำเป็น แป้นพิมพ์ลัด: (CTRL+3)
- Network: แสดงรายการคำขอเครือข่ายแต่ละรายการที่เริ่มต้นโดยเบราว์เซอร์ระหว่างการโหลดหน้าเว็บและการดำเนินการ รวมถึงรายละเอียดโปรโตคอล ประเภทเนื้อหา การใช้แบนด์วิดท์ และอื่นๆ อีกมากมาย แป้นพิมพ์ลัด: (CTRL+4)
- ประสิทธิภาพ: รายละเอียดอัตราเฟรม การใช้งาน CPU และตัวชี้วัดอื่น ๆ ที่เกี่ยวข้องกับประสิทธิภาพเพื่อช่วยให้คุณเพิ่มความเร็วในการโหลดหน้าเว็บและกิจกรรมอื่นๆ แป้นพิมพ์ลัด: (CTRL+5)
- Memory: ช่วยให้คุณแยกและแก้ไขหน่วยความจำที่อาจรั่วไหลบนหน้าเว็บปัจจุบันโดยแสดงไทม์ไลน์การใช้หน่วยความจำพร้อมกับภาพรวมจากช่วงเวลาที่ต่างกัน แป้นพิมพ์ลัด: (CTRL+6)
- Emulation: แสดงให้เห็นว่าหน้าที่ใช้งานอยู่จะแสดงผลอย่างไรในความละเอียดและขนาดหน้าจอต่างๆ เลียนแบบสมาร์ทโฟน แท็บเล็ต และอุปกรณ์อื่นๆ นอกจากนี้ยังให้ความสามารถในการแก้ไขตัวแทนผู้ใช้และการวางแนวหน้า ตลอดจนจำลองตำแหน่งทางภูมิศาสตร์ต่างๆ โดยการป้อนละติจูดและลองจิจูด แป้นพิมพ์ลัด: (CTRL+7)
-
เพื่อแสดง Console ในขณะที่อยู่ในเครื่องมืออื่น ๆ ให้กด ปุ่มสี่เหลี่ยม โดยมีวงเล็บด้านขวาอยู่ภายใน มุมบนขวาของอินเทอร์เฟซเครื่องมือสำหรับการพัฒนา
Image -
ในการปลดล็อกอินเทอร์เฟซเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์เพื่อให้กลายเป็นหน้าต่างแยกต่างหาก ให้เลือก สี่เหลี่ยมเรียงซ้อนสองรูป หรือใช้แป้นพิมพ์ลัดต่อไปนี้: CTRL+P. คุณสามารถวางเครื่องมือกลับไปที่ตำแหน่งเดิมได้โดยกด CTRL+P ครั้งที่สอง
Image
Apple Safari (Mac เท่านั้น)
ชุดเครื่องมือสำหรับนักพัฒนาที่หลากหลายของ Safari สะท้อนถึงชุมชนนักพัฒนาขนาดใหญ่ที่ใช้ Mac สำหรับความต้องการด้านการออกแบบและการเขียนโปรแกรม นอกจากคอนโซลอันทรงพลังและฟีเจอร์การบันทึกและการดีบักแบบดั้งเดิมแล้ว ยังมีโหมดการออกแบบที่ตอบสนองที่ใช้งานง่ายและเครื่องมือสำหรับสร้างส่วนขยายเบราว์เซอร์ของคุณเองด้วย
-
เลือก Safari ในเมนูเบราว์เซอร์ซึ่งอยู่ที่ด้านบนของหน้าจอ เมื่อเมนูแบบเลื่อนลงปรากฏขึ้น ให้เลือก Preferences คุณยังสามารถใช้แป้นพิมพ์ลัดต่อไปนี้แทนรายการเมนูนี้: COMMAND+COMMA(,)
Image -
Safari's Preferences อินเทอร์เฟซควรจะแสดงขึ้น โดยซ้อนทับหน้าต่างเบราว์เซอร์ของคุณ เลือก ไอคอนขั้นสูง ที่ด้านขวาสุดของส่วนหัว
Image -
ค่ากำหนด ขั้นสูง ควรมองเห็นได้แล้ว ที่ด้านล่างของหน้าจอนี้มีตัวเลือกที่มีข้อความว่า แสดงเมนูพัฒนา ในแถบเมนู พร้อมด้วยช่องทำเครื่องหมาย หากไม่มีเครื่องหมายถูกแสดงอยู่ในกล่อง ให้คลิกหนึ่งครั้งเพื่อวางที่นั่น
Image - ปิดอินเทอร์เฟซ Preferences
-
ตอนนี้คุณควรสังเกตเห็นตัวเลือกใหม่ในเมนูเบราว์เซอร์ที่ชื่อว่า Develop ซึ่งอยู่ระหว่าง บุ๊กมาร์กและหน้าต่าง คลิกที่รายการเมนูนี้ ตอนนี้ควรแสดงเมนูแบบเลื่อนลงโดยมีตัวเลือกต่อไปนี้
- เปิดหน้าด้วย: อนุญาตให้คุณเปิดหน้าเว็บที่ใช้งานอยู่ในหนึ่งในเบราว์เซอร์อื่น ๆ ที่ติดตั้งบน Mac ของคุณในปัจจุบัน
- User Agent: ให้คุณเลือกค่าตัวแทนผู้ใช้ที่กำหนดไว้ล่วงหน้าได้มากกว่าหนึ่งโหล รวมถึง Chrome, Firefox และ Internet Explorer เวอร์ชันต่างๆ รวมทั้งกำหนดแบบกำหนดเองของคุณเอง สตริง
- เข้าสู่โหมดการออกแบบที่ตอบสนอง: แสดงหน้าปัจจุบันตามที่ปรากฏในอุปกรณ์ต่างๆ และที่ความละเอียดหน้าจอต่างกัน
- Show Web Inspector: เปิดอินเทอร์เฟซหลักสำหรับเครื่องมือ dev ของ Safari ซึ่งโดยทั่วไปจะอยู่ที่ด้านล่างของหน้าจอเบราว์เซอร์และประกอบด้วยส่วนต่างๆ ต่อไปนี้: Elements, Network, Resources, Timelines, ดีบักเกอร์, ที่เก็บข้อมูล, คอนโซล.
- แสดงข้อผิดพลาดคอนโซล: เปิดอินเทอร์เฟซเครื่องมือสำหรับนักพัฒนาโดยตรงไปที่ แท็บคอนโซล ซึ่งแสดงข้อผิดพลาด คำเตือน และการค้นหาอื่นๆ บันทึกข้อมูล
- แสดงที่มาของหน้า: เปิด แท็บทรัพยากร ซึ่งแสดงซอร์สโค้ดสำหรับหน้าที่ใช้งานซึ่งจัดหมวดหมู่โดยเอกสาร
- แสดงทรัพยากรของหน้า: ทำหน้าที่เดียวกันกับตัวเลือกแสดงแหล่งที่มาของหน้า
- แสดงตัวแก้ไขตัวอย่าง: เปิดหน้าต่างใหม่ที่คุณสามารถป้อน CSS และโค้ด HTML ดูตัวอย่างผลลัพธ์ได้ทันที
- แสดงตัวสร้างส่วนขยาย: ให้ความสามารถในการสร้างหรือแก้ไขส่วนขยาย Safari ด้วย CSS, HTML และ JavaScript
- แสดงการบันทึกไทม์ไลน์: เปิดแท็บไทม์ไลน์และเริ่มแสดงคำขอเครือข่าย เลย์เอาต์ และข้อมูลการแสดงผลตลอดจนการใช้งาน JavaScript แบบเรียลไทม์
- Empty Caches: ลบแคชทั้งหมดที่กำลังจัดเก็บไว้ในฮาร์ดไดรฟ์ของคุณ
- ปิดการใช้งานแคช: หยุด Safari จากการแคชเพื่อให้ดึงเนื้อหาทั้งหมดจากเซิร์ฟเวอร์เมื่อโหลดแต่ละหน้า
- ปิดการใช้งานรูปภาพ: ป้องกันไม่ให้แสดงรูปภาพบนหน้าเว็บทั้งหมด
- ปิดการใช้งานสไตล์: ละเว้นคุณสมบัติ CSS เมื่อโหลดหน้า
- ปิดการใช้งาน JavaScript: จำกัดการใช้งาน JavaScript ในทุกหน้า
- ปิดการใช้งานส่วนขยาย: ห้ามไม่ให้ส่วนขยายที่ติดตั้งทั้งหมดทำงานภายในเบราว์เซอร์
- ปิดการใช้งานแฮ็คเฉพาะไซต์: หาก Safari ได้รับการแก้ไขเพื่อจัดการกับปัญหาเฉพาะของหน้าเว็บที่ใช้งานอยู่ ตัวเลือกนี้จะบล็อกการเปลี่ยนแปลงเหล่านั้นเพื่อให้หน้า โหลดอย่างที่ควรจะเป็นก่อนที่จะมีการแนะนำการแก้ไขเหล่านี้
- ปิดการใช้งานการจำกัดไฟล์ในเครื่อง: อนุญาตให้เบราว์เซอร์เข้าถึงไฟล์บนดิสก์ในเครื่องของคุณ ซึ่งเป็นการกระทำที่ถูกจำกัดโดยค่าเริ่มต้นด้วยเหตุผลด้านความปลอดภัย
- ปิดการใช้งานการจำกัดการข้ามแหล่งที่มา: ข้อจำกัดเหล่านี้มีขึ้นตามค่าเริ่มต้นเพื่อป้องกัน XSS และอันตรายอื่นๆ ที่อาจเกิดขึ้น อย่างไรก็ตาม พวกเขามักจะต้องปิดการใช้งานชั่วคราวเพื่อวัตถุประสงค์ในการพัฒนา
- อนุญาต JavaScript จากช่องค้นหาอัจฉริยะ: เมื่อเปิดใช้งาน จะสามารถป้อน URL ด้วยจาวาสคริปต์: รวมอยู่ในแถบที่อยู่โดยตรง
- รักษาใบรับรอง SHA-1 ว่าไม่ปลอดภัย: ใบรับรอง SSL ที่ใช้อัลกอริธึม SHA-1 ถือว่าล้าสมัยและมีช่องโหว่
Image