ค่ากำหนด

Sofia Emelianova

กำหนดลักษณะและการทำงานของเครื่องมือสำหรับนักพัฒนาเว็บและแผงโดยใช้ การตั้งค่า > ค่ากำหนด แท็บนี้จะแสดงทั้งตัวเลือกการปรับแต่งทั่วไปและตัวเลือกเฉพาะสำหรับแผง

หากต้องการตั้งค่ากำหนด ให้เปิด การตั้งค่า > ค่ากำหนด และเลื่อนลงไปยังส่วนที่อธิบายต่อไป

หากต้องการดูว่าการตั้งค่าแต่ละรายการใช้ทำอะไร ให้ค้นหาชื่อการตั้งค่าในหน้านี้และขยายคำอธิบาย

การอ้างอิงนี้แสดงการตั้งค่าที่แตกต่างกันด้วยไอคอนต่อไปนี้

• ช่องทำเครื่องหมาย ช่อง
• รายการแบบเลื่อนลง
• เลิกใช้งานแล้ว

หากต้องการคืนค่าค่ากำหนดเริ่มต้น ให้เลื่อนลงไปจนสุดแท็บค่ากำหนด แล้วคลิกคืนค่าเริ่มต้นและโหลดซ้ำ

รูปลักษณ์

ส่วนนี้จะแสดงตัวเลือกที่ปรับแต่งลักษณะที่ปรากฏของเครื่องมือสำหรับนักพัฒนาเว็บได้

ธีม จะตั้งค่าธีมสีสำหรับ UI ของเครื่องมือสำหรับนักพัฒนาเว็บ

ธีม:

- ค่ากำหนดของระบบ - สว่าง - มืด

เลย์เอาต์แผง จัดเรียงแผงต่างๆ

ส่งผลต่อองค์ประกอบ > รูปแบบและแท็บที่คล้ายกัน และแผงแหล่งที่มา > แผงโปรแกรมแก้ไขข้อบกพร่อง ตัวเลือกอัตโนมัติทำให้เลย์เอาต์ขึ้นอยู่กับความกว้างของเครื่องมือสำหรับนักพัฒนาเว็บ

เลย์เอาต์แผง:

- แนวนอน - แนวตั้ง - อัตโนมัติ

รูปแบบสี กำหนดรูปแบบของค่าสี CSS ในองค์ประกอบ > รูปแบบ

เลิกใช้งาน: การตั้งค่านี้ปิดใช้อยู่เพื่อให้มีพื้นที่ว่างสำหรับพื้นที่สีแบบ HD หากต้องการเปิดใช้อีกครั้ง ให้ล้างช่องทำเครื่องหมาย การตั้งค่า > การทดสอบ > ปิดใช้การตั้งค่ารูปแบบสีที่เลิกใช้งานแล้ว

เครื่องมือสำหรับนักพัฒนาเว็บจะแปลงค่าสีที่ถูกต้องเป็นรูปแบบที่เลือกโดยอัตโนมัติ

รูปแบบสี:

• ตามค่าเดิมของผู้เขียน
• เลขฐานสิบหก: #dac0de
• RGB: rgb(128 255 255)
• HSL: hsl(300 องศา 80% 90%)

ภาษา ตั้งค่าภาษาสำหรับ UI ของเครื่องมือสำหรับนักพัฒนาเว็บ

หากต้องการใช้การตั้งค่านี้ ให้โหลดเครื่องมือสำหรับนักพัฒนาเว็บซ้ำ

Language:

- ภาษา UI ของเบราว์เซอร์ - หนึ่งในตัวเลือกภาษาในตัวอย่างนี้คือภาษาจีน

เปิดใช้แป้นพิมพ์ลัด Ctrl/Cmd + 0-9 เพื่อเปลี่ยนแผง ซึ่งจะช่วยให้คุณเปิดแผงโดยใช้แป้นพิมพ์ได้

วิดีโอนี้จะแสดงวิธีสลับระหว่างแท็บโดยใช้แป้นพิมพ์ลัดที่สอดคล้องกัน

ปิดใช้การวางซ้อนสถานะหยุดชั่วคราวจะซ่อนการวางซ้อนหยุดชั่วคราวในโปรแกรมแก้ไขข้อบกพร่อง ในวิวพอร์ตเมื่อหยุดการเรียกใช้โค้ดชั่วคราว

แสดง "มีอะไรใหม่" หลังการอัปเดตแต่ละครั้งจะเปิดแท็บลิ้นชักมีอะไรใหม่โดยอัตโนมัติหลังการอัปเดต Chrome แต่ละครั้ง

แหล่งที่มา

ส่วนนี้จะแสดงตัวเลือกที่ปรับแต่งแผงแหล่งที่มา

การค้นหาในสคริปต์เนื้อหาแบบไม่ระบุชื่อและสคริปต์ช่วยให้คุณค้นหาไฟล์ JavaScript ที่โหลดทั้งหมด รวมถึงไฟล์ที่อยู่ในส่วนขยาย Chrome โดยใช้แท็บค้นหา

วิดีโอนี้จะแสดงวิธีค้นหาข้อความในไฟล์แหล่งที่มาของส่วนขยาย

แสดงไฟล์ในแถบด้านข้างโดยอัตโนมัติจะเลือกไฟล์ในแผงแหล่งที่มา > หน้า เมื่อคุณสลับระหว่างแท็บในตัวแก้ไข

วิดีโอนี้จะแสดงวิธีการเมื่อเปิดใช้ตัวเลือกนี้ แผงแหล่งที่มาจะเลือกไฟล์ในแผนผังการนำทางเมื่อคุณสลับแท็บไปมา

เปิดใช้การแมปแหล่งที่มา JavaScript ช่วยให้เครื่องมือสำหรับนักพัฒนาเว็บค้นหาแหล่งที่มาของไฟล์ JavaScript ที่สร้างขึ้นหรือถูกลดขนาดได้

ประเด็นหลัก: ตัวเลือกนี้จะทำงานต่อเมื่อการแมปแหล่งที่มาพร้อมใช้งานเท่านั้น นอกจากนี้ แผงแหล่งที่มาจะมีลิงก์ไปยังไฟล์ที่สร้างขึ้นหรือถูกลดขนาดลงในแถบสถานะด้วย

เปิดใช้แท็บจะย้ายโฟกัสทำให้คีย์ แท็บย้ายโฟกัสภายในเครื่องมือสำหรับนักพัฒนาเว็บแทนการแทรกอักขระ Tab ในตัวแก้ไข

ต้องโหลดเครื่องมือสำหรับนักพัฒนาเว็บซ้ำ

ประเด็นหลัก: การตั้งค่านี้ทำให้ การเยื้องเริ่มต้นไม่ทำงาน เนื่องจากแป้น Tab ไม่แทรกอักขระในกรณีนี้

วิดีโอนี้แสดงอักขระ Tab ที่แทรกด้วยแป้น Tab เป็นครั้งแรก จากนั้นเมื่อคุณเปิดใช้ตัวเลือกนี้และโหลดเครื่องมือสำหรับนักพัฒนาเว็บซ้ำ แป้น Tab จะย้ายโฟกัส

ตรวจหาการเยื้องตั้งค่าการเยื้องไปยังการเยื้องในไฟล์ต้นฉบับที่เปิดในเครื่องมือแก้ไข

ต้องโหลดเครื่องมือสำหรับนักพัฒนาเว็บซ้ำ

จุดหลัก: การตั้งค่านี้จะลบล้าง การเยื้องเริ่มต้น ในวิดีโอต่อไปนี้ การเยื้องเริ่มต้นจะตั้งไว้ที่ 8 เว้นวรรค ส่วนการเยื้องที่ตรวจพบในไฟล์จะมีการเว้นวรรค 2 ช่อง แสดงอักขระช่องว่าง: ทั้งหมด ช่วยให้คุณเห็นอักขระช่องว่างเป็นจุด (...) และแท็บเป็นเส้น (—)

ในตอนแรกวิดีโอนี้แสดงการเยื้องเริ่มต้นของช่องว่าง 8 ช่อง จากนั้นเมื่อคุณเปิดใช้งานตัวเลือกนี้ ตัวเลือกนี้จะลบล้างการเยื้องเริ่มต้นของไฟล์ต้นฉบับ

การเติมข้อความอัตโนมัติจะเปิดใช้คำแนะนำที่เป็นประโยชน์ในโปรแกรมตัดต่อ

วิดีโอนี้ไม่แสดงคำแนะนำใดๆ ก่อน จากนั้นเมื่อเปิดใช้ตัวเลือกนี้ เอดิเตอร์จะแสดงคำแนะนำในการใช้งานคำสั่งที่สมบูรณ์

การจับคู่วงเล็บจะขีดเส้นใต้และไฮไลต์เป็นสีแดงอ่อนในตัวแก้ไขวงเล็บเหลี่ยม วงเล็บปีกกา หรือวงเล็บที่ไม่มีคู่

การพับโค้ดช่วยให้คุณพับและแสดงโค้ดบล็อกในวงเล็บปีกกาในตัวแก้ไขได้

ต้องโหลดเครื่องมือสำหรับนักพัฒนาเว็บซ้ำ

วิดีโอนี้แสดงวิธีพับบล็อกโค้ดเมื่อคุณเปิดใช้ตัวเลือกนี้

แสดงอักขระช่องว่าง แสดงอักขระช่องว่างในตัวแก้ไข

ต้องโหลดเครื่องมือสำหรับนักพัฒนาเว็บซ้ำ โดยมีตัวเลือกดังนี้

• ทั้งหมดแสดงอักขระช่องว่างทั้งหมดเป็นจุด (...) นอกจากนี้ Editor ยังแสดงอักขระ Tab เป็นบรรทัด (—) อีกด้วย
• ส่วนท้ายจะไฮไลต์อักขระช่องว่างที่ท้ายบรรทัดด้วยสีแดงอ่อน

แสดงอักขระช่องว่าง:

- ไม่มี - ทั้งหมด (`...`) - ต่อท้าย

แสดงค่าตัวแปรในบรรทัดขณะแก้ไขข้อบกพร่องจะแสดงค่าตัวแปรข้างคำสั่งการกำหนดขณะที่การดำเนินการหยุดชั่วคราว

แผงซอร์สโฟกัสเมื่อทริกเกอร์เบรกพอยท์จะเปิดแหล่งที่มา > ตัวแก้ไขที่บรรทัดที่มีเบรกพอยท์ที่หยุดการดำเนินการชั่วคราว

วิดีโอนี้แสดงแผงแหล่งที่มาหลุดโฟกัสก่อนเมื่อหยุดชั่วคราวที่เบรกพอยท์ จากนั้นเมื่อเปิดใช้ตัวเลือกนี้ เครื่องมือสำหรับนักพัฒนาเว็บจะเปิดตัวแก้ไขในแผงแหล่งที่มาและแสดงบรรทัดโค้ดที่มีเบรกพอยท์

เปิดใช้การแมปแหล่งที่มา CSS ช่วยให้เครื่องมือสำหรับนักพัฒนาเว็บค้นหาแหล่งที่มาของไฟล์ CSS ที่สร้างขึ้น เช่น .scss และแสดงให้คุณเห็น

ประเด็นหลัก: ตัวเลือกนี้จะทำงานต่อเมื่อการแมปแหล่งที่มาพร้อมใช้งานเท่านั้น

• แผงแหล่งที่มาจะแสดงไฟล์ .scss รายการในส่วนเขียนแล้วของโครงสร้างการนำทาง
• แผงองค์ประกอบ > รูปแบบจะแสดงลิงก์ไปยังแหล่งที่มาข้างกฎ CSS ที่ใช้กับองค์ประกอบ

อนุญาตให้เลื่อนผ่านส่วนท้ายของไฟล์ช่วยให้คุณเลื่อนได้ไกลกว่าบรรทัดสุดท้ายในตัวแก้ไข

วิดีโอนี้จะแสดงวิธีเลื่อนผ่านส่วนท้ายไฟล์ที่เปิดใช้ตัวเลือกนี้

อนุญาตให้เครื่องมือสำหรับนักพัฒนาเว็บโหลดทรัพยากร เช่น การแมปแหล่งที่มา จากเส้นทางไฟล์ระยะไกล ปิดใช้อยู่โดยค่าเริ่มต้นเพื่อความปลอดภัย

ข้อควรระวัง: เส้นทางของไฟล์ระยะไกลเป็นช่องโหว่ด้านความปลอดภัย คุณควรใช้ตัวเลือกนี้เฉพาะในกรณีที่ทราบถึงผลที่ตามมาเท่านั้น

หากปิดใช้ไว้ เครื่องมือสำหรับนักพัฒนาเว็บจะบันทึกข้อความของคอนโซลที่คล้ายกับข้อความต่อไปนี้

การเยื้องเริ่มต้น ช่วยให้คุณสามารถเลือกจำนวนช่องว่างที่คีย์ Tab จะแทรกในตัวแก้ไขได้

จุดสำคัญ: ตรวจหาการเยื้องจะลบล้างการตั้งค่านี้ และตั้งค่าการเยื้องตามค่าของไฟล์ต้นทาง ต้องโหลดเครื่องมือสำหรับนักพัฒนาเว็บซ้ำ เปิดใช้แท็บย้ายโฟกัสจะลบล้างแป้น Tab ของ ย้ายโฟกัสแทนการแทรกอักขระ แสดงอักขระช่องว่าง: ทั้งหมด ช่วยให้คุณเห็นอักขระช่องว่างเป็นจุด (...) และแท็บเป็นเส้น (—)

การเยื้องเริ่มต้น:

- เว้นวรรค 2 ครั้ง - เว้นวรรค 4 ครั้ง - เว้นวรรค 8 ครั้ง - อักขระแท็บ

ตัวอย่างนี้แสดงวิธีตั้งค่าการเยื้องเริ่มต้นเป็น 8 เว้นวรรคก่อนแล้วตามด้วยอักขระ Tab

องค์ประกอบ

ส่วนนี้จะแสดงตัวเลือกที่ปรับแต่งแผงองค์ประกอบ

แสดง User Agent Sshadow DOM แสดงโหนด DOM เงาในแผนผัง DOM

การตัดคำจะแบ่งบรรทัดยาวๆ ในแผนผัง DOM และตัดคำไปยังบรรทัดถัดไป

แสดงความคิดเห็น HTML แสดงความคิดเห็น HTML ในแผนผัง DOM

แสดงโหนด DOM เมื่อวางเมาส์เหนือจะเลือกโหนดที่เกี่ยวข้องในแผนผัง DOM เมื่อคุณวางเมาส์เหนือองค์ประกอบในวิวพอร์ตในโหมดตรวจสอบ

วิดีโอนี้ปรากฏก่อนว่าไม่ได้เลือกโหนด DOM ในแผนผัง DOM จากนั้นเมื่อคุณเปิดใช้ตัวเลือกนี้ แผงองค์ประกอบจะเลือกโหนดเมื่อวางเมาส์เหนือ

แสดงเคล็ดลับเครื่องมือการตรวจสอบโดยละเอียดจะแสดงเคล็ดลับเครื่องมือในวิวพอร์ตของ โหมดตรวจสอบเมื่อคุณวางเมาส์เหนือองค์ประกอบ

แสดงไม้บรรทัดเมื่อวางเมาส์เหนือจะแสดงไม้บรรทัดในวิวพอร์ตเมื่อคุณวางเมาส์เหนือองค์ประกอบในแผนผัง DOM

แสดงเคล็ดลับเครื่องมือเอกสารประกอบ CSS แสดงเคล็ดลับเครื่องมือพร้อมคำอธิบายสั้นๆ เมื่อคุณวางเมาส์เหนือพร็อพเพอร์ตี้ในแผงรูปแบบ

ลิงก์ดูข้อมูลเพิ่มเติมจะแสดงข้อมูลอ้างอิง MDN CSS ในพร็อพเพอร์ตี้

เครือข่าย

ส่วนนี้จะแสดงตัวเลือกที่ปรับแต่งแผงเครือข่าย ตัวเลือกส่วนใหญ่จะเหมือนกับในการตั้งค่าของแผง

Preserve log จะเหมือนกับ Preserve log ในแผงเครือข่าย บันทึกคำขอในการโหลดหน้าเว็บ

วิดีโอนี้แสดงบันทึกคำขอที่ได้รับการรีเฟรชเมื่อโหลดหน้าเว็บซ้ำก่อน จากนั้นจะยังคงอยู่เมื่อเปิดใช้ตัวเลือกนี้

บันทึกข้อมูลบันทึกเครือข่ายจะเหมือนกับ บันทึกบันทึกเครือข่ายในแผงเครือข่าย เริ่มหรือหยุดการบันทึกคำขอในบันทึกเครือข่าย

เปิดใช้การบล็อกคำขอเครือข่ายจะบล็อกคำขอที่ตรงกับรูปแบบในลิ้นชักการบล็อกคำขอเครือข่าย

วิดีโอนี้แสดงเป็นอันดับแรกว่าคำขอไม่ได้ถูกบล็อก จากนั้นหลังจากที่คุณเปิดใช้ตัวเลือกนี้ รูปแบบในลิ้นชักการบล็อกคำขอเครือข่ายจะบล็อกการบล็อกดังกล่าว

ปิดใช้แคช (ขณะที่เครื่องมือสำหรับนักพัฒนาเว็บเปิดอยู่) จะเหมือนกับส่วนปิดใช้แคชในแผงเครือข่าย ปิดใช้งานแคชของเบราว์เซอร์

ประเภททรัพยากรของรหัสสีจะไฮไลต์คำขอเป็นสีต่างๆ โดยขึ้นอยู่กับประเภทในคอลัมน์ Waterfall ของบันทึกเครือข่าย

จัดกลุ่มบันทึกเครือข่ายตามเฟรมเหมือนกับจัดกลุ่มตามเฟรมในแผงเครือข่าย ตัวเลือกนี้จะจัดกลุ่มคําขอที่เริ่มต้นโดยเฟรมแบบในหน้า

บังคับใช้การบล็อกโฆษณาในเว็บไซต์นี้จะบล็อกโฆษณาที่ตรวจพบในหน้าเว็บขณะที่เครื่องมือสำหรับนักพัฒนาเว็บเปิดอยู่

การแสดง

ส่วนนี้จะแสดงตัวเลือกที่ปรับแต่งแผงประสิทธิภาพ

การทำงานของลูกกลิ้งเมาส์ Flamechart จะกำหนดการทำงานการเลื่อนหรือซูมให้กับลูกกลิ้งเมาส์เมื่อคุณไปยังส่วนต่างๆ ของ Flame Chart

การทำงานของลูกกลิ้งเมาส์สำหรับแผนภูมิเปลวไฟ

- เลื่อน - ซูม

ตัวอย่างนี้แสดงการทำงานของล้อเลื่อนของเมาส์ทั้งแบบเลื่อนและซูมบนแผนภูมิเปลวไฟในแผงประสิทธิภาพ

คอนโซล

ส่วนนี้จะแสดงตัวเลือกที่ปรับแต่งคอนโซล ตัวเลือกส่วนใหญ่จะเหมือนกับในการตั้งค่าคอนโซล

ซ่อนข้อความของเครือข่ายจะซ่อนข้อความของเครือข่ายในคอนโซล

วิดีโอนี้แสดงวิธีซ่อนข้อความเครือข่ายด้วยตัวเลือกนี้ ทั้งในการตั้งค่าและการตั้งค่าคอนโซลของ

บริบทที่เลือกเท่านั้นทำให้คอนโซลแสดงข้อความสำหรับบริบทที่เลือกเท่านั้น ซึ่งได้แก่ ด้านบน, iframe, ผู้ปฏิบัติงาน หรือส่วนขยาย

วิดีโอนี้แสดงวิธีเปิดใช้ตัวเลือกนี้ทั้งในการตั้งค่าของ และในคอนโซล > การตั้งค่า และเลือกบริบทในคอนโซล

Log XMLHttpRequests สร้าง XHR สำหรับบันทึก Console และดึงข้อมูลคำขอ

วิดีโอนี้แสดงวิธีเปิดใช้ตัวเลือกนี้ทั้งใน การตั้งค่า และคอนโซล > การตั้งค่า รวมถึงบันทึกข้อความ XHR finished loading ไปยังคอนโซล

แสดงการประทับเวลาทำให้คอนโซลแสดงการประทับเวลาข้างข้อความ

การเติมข้อความอัตโนมัติจากประวัติทำให้คำสั่งของ Console แนะนำไว้ใช้เมื่อพิมพ์ก่อนหน้านี้

ตัวเลือกเดียวกันนี้อยู่ในคอนโซล > การตั้งค่า

ยอมรับคำแนะนำที่เติมข้อความอัตโนมัติด้วย Enter จะทำให้คอนโซลยอมรับคำแนะนำที่เลือกจากเมนูแบบเลื่อนลงของการเติมข้อความอัตโนมัติเมื่อคุณกด Enter

วิดีโอนี้แสดงสิ่งที่เกิดขึ้นเมื่อคุณกด Enter ก่อนและหลังเปิดใช้ตัวเลือกนี้

จัดกลุ่มข้อความที่คล้ายกันในคอนโซลจะทำให้คอนโซลจัดกลุ่มข้อความที่คล้ายกันไว้ด้วยกัน

ตัวเลือกเดียวกันนี้อยู่ในคอนโซล > การตั้งค่า

การแสดงข้อผิดพลาด CORS ในคอนโซลจะทำให้คอนโซลแสดงข้อผิดพลาด CORS ที่บันทึกไว้

ตัวเลือกเดียวกันนี้อยู่ในคอนโซล > การตั้งค่า

การประเมินอย่างตั้งใจทำให้คอนโซลแสดงตัวอย่างเอาต์พุตขณะที่คุณพิมพ์คำสั่ง

ตัวเลือกเดียวกันนี้อยู่ในคอนโซล > การตั้งค่า

วิดีโอนี้แสดงตัวอย่างเอาต์พุตต่างๆ

ถือว่าการประเมินโค้ดเป็นการดำเนินการของผู้ใช้จะเปลี่ยนคำสั่งใดก็ตามที่คุณเรียกใช้ในคอนโซลเป็นการโต้ตอบของผู้ใช้

กล่าวคือ จะตั้งค่า navigator.userActivation.isActive เป็น true เมื่อมีการประเมิน ตัวเลือกเดียวกันนี้อยู่ในคอนโซล > การตั้งค่า

วิดีโอนี้แสดงผลการประเมินของ navigator.userActivation.isActive ก่อนและหลังเปิดใช้ตัวเลือกนี้

ขยายข้อความconsole.trace()โดยอัตโนมัติ ทำให้คอนโซลแสดงข้อความ console.trace() ที่ขยายเมื่อบันทึก

เก็บบันทึกเมื่อไปยังส่วนต่างๆ ทำให้คอนโซลบันทึกข้อความ Navigated to ทุกครั้งที่ไปยังส่วนต่างๆ และบันทึกข้อมูลไว้ในทุกหน้า

ตัวเลือกเดียวกันนี้อยู่ในคอนโซล > การตั้งค่า

ส่วนขยาย

ส่วนนี้จะแสดงตัวเลือกที่ปรับแต่งการจัดการลิงก์สำหรับส่วนขยายเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome

การจัดการลิงก์ จะกำหนดตัวเลือกในการเปิดไฟล์ด้วยเมื่อคุณคลิกลิงก์ไปยังไฟล์ต้นฉบับ เช่น ในแผงองค์ประกอบ > รูปแบบ

การจัดการลิงก์:

- อัตโนมัติ เปิดไฟล์ในแผง **แหล่งที่มา** โดยค่าเริ่มต้น - ตัวเลือกที่กำหนดเองที่เพิ่มได้ด้วยส่วนขยายเครื่องมือสำหรับนักพัฒนาเว็บ

ความต่อเนื่อง

ส่วนนี้จะแสดงตัวเลือกที่ควบคุมวิธีที่เครื่องมือสำหรับนักพัฒนาเว็บบันทึกการเปลี่ยนแปลงที่คุณทำ

เปิดใช้การลบล้างในเครื่องทำให้เครื่องมือสำหรับนักพัฒนาเว็บมีการเปลี่ยนแปลงที่คุณทำกับแหล่งที่มาในการโหลดหน้าเว็บไว้ต่อไป

โปรดดูข้อมูลเพิ่มเติมที่หัวข้อการลบล้างในเครื่อง

Debugger

ส่วนนี้จะแสดงตัวเลือกที่ควบคุมลักษณะการทำงานของโปรแกรมแก้ไขข้อบกพร่อง

ปิดใช้ JavaScript ช่วยให้คุณเห็นลักษณะและการทํางานของหน้าเว็บเมื่อปิดใช้ JavaScript

โหลดหน้าเว็บซ้ำเพื่อดูว่าหน้าเว็บใช้ JavaScript ระหว่างการโหลดหรือไม่และอย่างไร

เมื่อปิดใช้ JavaScript อยู่ Chrome จะแสดงไอคอน ที่เกี่ยวข้องในแถบที่อยู่ และเครื่องมือสําหรับนักพัฒนาเว็บจะแสดงไอคอน คําเตือนข้างแหล่งที่มา

ปิดใช้สแต็กเทรซที่ไม่พร้อมกันจะซ่อน "เรื่องราวทั้งหมด" ของการดำเนินการอะซิงโครนัสในการเรียกใช้สแต็ก

โดยค่าเริ่มต้น โปรแกรมแก้ไขข้อบกพร่องจะพยายามติดตามการดำเนินการที่ไม่พร้อมกัน หากเฟรมเวิร์กที่คุณใช้อยู่รองรับการติดตามดังกล่าว ดูข้อมูลเพิ่มเติมได้ในหัวข้อดูสแต็กเทรซที่ไม่พร้อมกัน

ประเทศทั่วโลก

ส่วนนี้จะแสดงตัวเลือกที่มีผลกระทบทั่วโลกในเครื่องมือสำหรับนักพัฒนาเว็บ

การเปิดเครื่องมือสำหรับนักพัฒนาเว็บโดยอัตโนมัติสำหรับป๊อปอัปจะเปิดเครื่องมือสำหรับนักพัฒนาเว็บเมื่อคุณคลิกลิงก์ที่เปิดแท็บใหม่ กล่าวคือ ลิงก์ทั้งหมดที่มี target=_blank

วิดีโอนี้จะแสดงวิธีคลิกลิงก์ก่อนแล้วเปิดแท็บใหม่โดยไม่ใช้เครื่องมือสำหรับนักพัฒนาเว็บ จากนั้นเมื่อเปิดใช้ตัวเลือกนี้ แท็บใหม่จะเปิดขึ้นพร้อมเครื่องมือสำหรับนักพัฒนาเว็บ

ค้นหาขณะพิมพ์ทำให้เครื่องมือสำหรับนักพัฒนาเว็บ "ข้าม" ไปยังผลการค้นหาแรกขณะที่คุณพิมพ์คำค้นหา หากปิดใช้ เครื่องมือสำหรับนักพัฒนาเว็บจะนำคุณไปยังผลการค้นหาเฉพาะเมื่อคุณกด Enter เท่านั้น

วิดีโอนี้แสดงวิธีที่เครื่องมือสำหรับนักพัฒนาเว็บ "กระโดด" ขณะที่คุณพิมพ์คำค้นหา จากนั้นเมื่อเปิดใช้ตัวเลือกนี้ เครื่องมือสำหรับนักพัฒนาเว็บจะนำคุณไปยังผลลัพธ์แรกเมื่อกด Enter

ซิงค์

ส่วนนี้จะช่วยให้คุณตั้งค่าการซิงค์การตั้งค่าระหว่างอุปกรณ์ได้

เปิดใช้การซิงค์การตั้งค่าช่วยให้คุณซิงค์การตั้งค่าเครื่องมือสำหรับนักพัฒนาเว็บในอุปกรณ์หลายเครื่องได้

หากต้องการใช้การตั้งค่านี้ ให้เปิดใช้การซิงค์ของ Chrome ก่อน โปรดดูข้อมูลเพิ่มเติมที่หัวข้อการตั้งค่าการซิงค์