วิธีแก้ไขหน้าเว็บในเว็บเบราว์เซอร์ใด ๆ

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

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

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

วิธีแก้ไขเว็บเพจในเว็บเบราว์เซอร์ใดก็ได้

เบราว์เซอร์ที่รองรับ Console Window สามารถใช้แก้ไขเว็บเพจได้ ในคู่มือนี้ เราจะใช้ Chrome แต่คุณสามารถทำได้ด้วย Mozilla Firefox, Microsoft Edge, Apple Safari และอื่นๆ ในแต่ละเบราว์เซอร์ นี่คือวิธีที่คุณสามารถไปที่หน้าต่างคอนโซล เพียงตรวจสอบให้แน่ใจว่าหน้าต่างคอนโซลเปิดอยู่ในหน้าที่คุณต้องการเปลี่ยน

ใต้ Google Chrome ให้คลิกจุดแนวตั้งสามจุดที่ด้านบนขวา จากนั้นไปที่เครื่องมือเพิ่มเติม > เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ คุณยังสามารถเปิด หน้าต่างคอนโซล ได้โดยตรงด้วยการกดแป้น  Ctrl+Shift+I พร้อมกัน ใน Microsoft Edge คลิกที่ เมนู > เครื่องมือเพิ่มเติม > เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ คุณยังสามารถกด F12 แล้วคลิกแท็บ “คอนโซล” ใน Mozilla Firefox คลิกที่ Menu > Web Developer > Web Console ในทำนองเดียวกัน มีทางลัดสำหรับ เดียวกัน. กด Ctrl+Shift+K พร้อมกันเพื่อเปิดตัวเลือก เว็บคอนโซล สำหรับ Apple Safari ให้คลิกที่ Safari > Preferences > Advanced และเปิดใช้งาน Show Develop เมนูในตัวเลือกแถบเมนู จากนั้นคลิกที่ พัฒนา > แสดงคอนโซล JavaScript

แก้ไขหน้าเว็บโดยใช้หน้าต่างคอนโซล

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

ใน หน้าต่างคอนโซล ให้ป้อนโค้ดต่อไปนี้แล้วกด Enter: document.designMode=’on’หลังโค้ด ทำงานสำเร็จแล้ว คำหลัก “บน” จะปรากฏในบรรทัดถัดไป สิ่งที่เราต้องการก็คือ ตอนนี้คุณสามารถปิดหน้าต่างคอนโซลและเริ่มเปลี่ยนแปลงหน้าต่างๆ ได้ตามต้องการ

คำถามที่พบบ่อย

คุณสามารถแก้ไขเว็บไซต์ที่ไม่ใช่ของคุณได้หรือไม่

ได้ ในทุกเว็บไซต์ แม้แต่ของที่ไม่ใช่ของคุณ! ซึ่งหมายความว่าคุณสามารถเปลี่ยนแปลงโค้ด HTML และ CSS (เรียกอีกอย่างว่า”ซอร์สโค้ด”) ได้โดยตรงจากเบราว์เซอร์ของคุณ โปรดจำไว้ว่าการดำเนินการนี้จะเปลี่ยนเฉพาะเวอร์ชันในคอมพิวเตอร์ของคุณเท่านั้น ไม่มีการเปลี่ยนแปลงใดๆ บนเซิร์ฟเวอร์

คุณสามารถแก้ไข HTML ของหน้าเว็บได้หรือไม่

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

ฉันจะตรวจสอบและแก้ไขหน้าเว็บได้อย่างไร

เพียงคลิกขวาแล้วเลือก “ตรวจสอบองค์ประกอบ” หรือกด Command+Option+i บน Mac หรือ F12 บนพีซี คุณสามารถพิมพ์อะไรก็ได้ที่คุณต้องการค้นหาในหน้านี้ในช่องค้นหา และจะปรากฏในบานหน้าต่างนี้