ทำการเปลี่ยนแปลงหน้าเว็บอย่างถาวรด้วยเครื่องมือ Overrides Dev Tool ของ Chrome

การแทนที่ท้องถิ่นเป็นคุณลักษณะการทดลองที่ค่อนข้างใหม่ของเครื่องมือสำหรับนักพัฒนาของเว็บเบราว์เซอร์ Google Chrome ที่คุณอาจใช้เพื่อทำการเปลี่ยนแปลงถาวรในหน้าเว็บคล้ายกับวิธีที่คุณใช้การใช้ userscripts หรือ userstyles

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

ตัวอย่างที่ดีคือไซต์ที่สว่างเกินไปในสายตาของผู้ใช้ เมื่อใช้การแทนที่คุณสามารถเปลี่ยนรูปแบบของเว็บไซต์ให้เป็นสีเข้มเพื่อให้เป็นที่พอใจยิ่งขึ้น นอกจากนี้คุณยังสามารถใช้เพื่อเพิ่มหรือลดขนาดแบบอักษรเปลี่ยนแบบอักษรลบภาพพื้นหลังหรือจัดการองค์ประกอบอื่น ๆ บนหน้า

การตั้งค่าการแทนที่ท้องถิ่นใน Google Chrome

การแทนที่ในท้องถิ่นเป็นคุณลักษณะทดลองของ Google Chrome ที่มีอยู่ในเบราว์เซอร์ทุกรุ่นที่รองรับ

นี่คือสิ่งที่คุณต้องทำเพื่อเปิดใช้งาน:

  1. แตะที่ F12 เพื่อเปิดหน้าจอเครื่องมือสำหรับนักพัฒนา
  2. แตะที่ F1 ในอินเทอร์เฟซเพื่อเปิดการตั้งค่า
  3. ภายใต้การตั้งค่าค้นหา "เปิดใช้งานการแทนที่ท้องถิ่น" และตรวจสอบตัวเลือก
  4. เป็นหน้าเว็บที่คุณต้องการเปลี่ยนแปลงอย่างถาวร
  5. สลับไปที่แผงแหล่งที่มาในเครื่องมือสำหรับนักพัฒนา
  6. คลิกที่ไอคอนที่มีลูกศรสองตัวชี้ไปทางซ้ายและเลือกแทนที่จากเมนู
  7. เลือก "การแทนที่การตั้งค่า" และเลือกโฟลเดอร์ท้องถิ่นที่คุณต้องการจัดเก็บการแทนที่
  8. ยอมรับคำขอของ Chrome เพื่อเข้าถึงโฟลเดอร์

การใช้การแทนที่ท้องถิ่นใน Google Chrome

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

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

คุณสามารถแก้ไขไฟล์จากนั้นภายใต้แหล่งข้อมูล> การแทนที่ สิ่งนี้ทำงานได้ดีกับสไตล์ แต่คุณสามารถแทนที่ไฟล์ต้นฉบับใด ๆ ก็ได้รวมถึงหน้า HTML และไฟล์ JavaScript

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

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

ลองชมวิดีโอคำแนะนำต่อไปนี้ซึ่งเน้นวิธีที่คุณสามารถใช้คุณสมบัติเพื่อปรับปรุงประสิทธิภาพของหน้าเว็บ

ปิดคำ

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

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

ตอนนี้คุณ : คุณใช้ userscripts หรือสไตล์หรือไม่?