ทำการเปลี่ยนแปลงอย่างถาวรในหน้าเว็บด้วยเครื่องมือ Overrides Dev Tool ของ Chrome
- หมวดหมู่: Google Chrome
Local Overrides เป็นคุณลักษณะทดลองที่ค่อนข้างใหม่ของเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ของเว็บเบราว์เซอร์ Google Chrome ที่คุณอาจใช้เพื่อทำการเปลี่ยนแปลงถาวรกับหน้าเว็บซึ่งคล้ายกับวิธีการใช้ Usercripts หรือ Userstyles
แม้ว่าผู้ใช้ส่วนใหญ่อาจไม่ต้องการแก้ไขรูปแบบหรือเนื้อหาอื่น ๆ บนหน้าเว็บที่เข้าชมเป็นประจำ ผู้ใช้บางคนต้องการทำเช่นนั้นเพื่อลบความรำคาญปรับปรุงการใช้งานหรือทำการแก้ไขอื่น ๆ
ตัวอย่างที่ดีคือไซต์ที่สว่างเกินไปในสายตาของผู้ใช้ การใช้การลบล้างคุณสามารถเปลี่ยนรูปแบบของเว็บไซต์เป็นแบบมืดเพื่อให้ดูเพลินตามากขึ้น คุณยังสามารถใช้เพื่อเพิ่มหรือลดขนาดฟอนต์เปลี่ยนฟอนต์ลบภาพพื้นหลังหรือปรับแต่งองค์ประกอบอื่น ๆ บนเพจ
การตั้งค่า Local Overrides ใน Google Chrome
Local Overrides เป็นคุณลักษณะทดลองของ Google Chrome ที่มีอยู่ในเบราว์เซอร์ทุกเวอร์ชันที่รองรับ
นี่คือสิ่งที่คุณต้องทำเพื่อเปิดใช้งาน:
- แตะที่ F12 เพื่อเปิดอินเทอร์เฟซเครื่องมือสำหรับนักพัฒนา
- แตะ F1 ในอินเทอร์เฟซเพื่อเปิดการตั้งค่า
- ภายใต้การตั้งค่าค้นหา 'เปิดใช้งานการแทนที่ในเครื่อง' และเลือกตัวเลือก
- ไปที่หน้าเว็บที่คุณต้องการทำการเปลี่ยนแปลงอย่างถาวร
- เปลี่ยนไปที่แผงแหล่งที่มาในเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์
- คลิกที่ไอคอนที่มีลูกศรสองลูกชี้ไปทางขวาแล้วเลือกแทนที่จากเมนู
- เลือก 'การตั้งค่าการแทนที่' และเลือกโฟลเดอร์ในเครื่องที่คุณต้องการจัดเก็บการลบล้าง
- ยอมรับคำขอของ Chrome เพื่อเข้าถึงโฟลเดอร์
การใช้ Local Overrides ใน Google Chrome
การใช้การแทนที่ทรัพยากรนั้นค่อนข้างตรงไปตรงมา เปิดแผงเครือข่ายในเบราว์เซอร์เพื่อเริ่มต้น หากคุณไม่เห็นไฟล์ที่โหลดให้โหลดหน้านี้ซ้ำเพื่อเติมข้อมูลในรายชื่อ
คลิกขวาที่ไฟล์ทรัพยากรใด ๆ ที่คุณต้องการแทนที่และเลือกตัวเลือก 'บันทึกเป็นการแทนที่' Chrome บันทึกข้อมูลลงในระบบภายในเครื่องและจะใช้แทนทรัพยากรเดิมเมื่อโหลดหน้าเว็บ
คุณสามารถแก้ไขไฟล์จากนั้นภายใต้ Sources> Overrides สิ่งนี้ใช้ได้ดีกับสไตล์ แต่คุณสามารถแทนที่ไฟล์ต้นฉบับได้รวมถึงหน้า HTML และไฟล์ JavaScript
การลบล้างจะถูกบันทึกโดยอัตโนมัติและคุณสามารถลบออกจากรายการลบล้างในเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ Chrome หรือใช้ค่ากำหนดแทน
ส่วนการลบล้างของค่ากำหนดเครื่องมือสำหรับนักพัฒนาจะแสดงรายการไซต์ทั้งหมดที่มีการลบล้าง เมื่อคุณวางเมาส์เหนือรายการคุณสามารถลบออกเพื่อลบการลบล้างทั้งหมดหรือคลิกแก้ไขเพื่อเปลี่ยนชื่อโดเมน
ดูวิดีโอคำแนะนำต่อไปนี้ที่เน้นถึงวิธีที่คุณสามารถใช้คุณลักษณะนี้เพื่อปรับปรุงประสิทธิภาพของหน้าเว็บ
ปิดคำ
Local Overrides เป็นคุณลักษณะทดลองซึ่งหมายความว่า Google อาจดึงมาใช้ในอนาคตหรือรวมเข้ากับเบราว์เซอร์อย่างสมบูรณ์ สำหรับตอนนี้มันเป็นตัวเลือกที่ยอดเยี่ยมในการเปลี่ยนรูปแบบหรือโค้ดของหน้าเว็บที่คุณเข้าชมเป็นประจำและอีกทางเลือกหนึ่งนอกเหนือจากการใช้ userstyles หรือสคริปต์สำหรับสิ่งนั้น
ข้อได้เปรียบหลักของตัวเลือกในตัวคือคุณสามารถใช้เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ของ Chrome เพื่อดูการเปลี่ยนแปลงแบบเรียลไทม์โดยไม่ต้องบันทึกไฟล์ภายนอกด้วยตนเองและโหลดหน้าใหม่ทุกครั้งที่คุณทำการเปลี่ยนแปลง
ตอนนี้คุณ : คุณใช้ userscripts หรือ style?