ดูซอร์สโค้ดของเว็บเพจในทุกเบราว์เซอร์

แม้ว่าเว็บเบราว์เซอร์จะตีความไฟล์ Hypertext Markup Language และ Cascading Style Sheets ที่ทำให้เว็บปรากฏขึ้นเหมือนเดิมการปรับแต่งปุ่มลัดหรือ URL จะบังคับให้เบราว์เซอร์ไม่แสดงหน้าเว็บที่แสดงผล แต่เป็นซอร์สโค้ดของหน้านั้นในแท็บหรือหน้าต่างใหม่ . แม้ว่าคนส่วนใหญ่แทบไม่จำเป็นต้องตรวจสอบซอร์สโค้ด แต่นักพัฒนาใช้มุมมองนี้เพื่อแก้ไขปัญหาความไม่สอดคล้องกันของรูปแบบหรือเพื่อแก้ไขข้อบกพร่องบนเว็บไซต์

เก็ตตี้อิมเมจ (Logovski # 465458409)

วิธีดูซอร์สในเบราว์เซอร์เดสก์ท็อป

สำหรับเบราว์เซอร์เดสก์ท็อปหลัก ๆ ทั้งหมดเช่น Google Chrome, Microsoft Edge, Mozilla Firefox, Opera, Vivaldi กด Ctrl + U เพื่อเปิดแท็บใหม่ที่แสดง HTML ดิบของหน้าที่คุณอยู่ บน Mac ให้กด Cmd + Option + U or Cmd + U ใน Firefox

ขั้นตอนในการดูซอร์สโค้ดของเว็บไซต์ใน Google Chrome

หรืออีกทางหนึ่งเบราว์เซอร์บนเดสก์ท็อปทั้งหมดรองรับการปรับแต่งเฉพาะ URL นำหน้าข้อความ แหล่งที่มาของมุมมอง: ไปยัง URL เพื่อเปิดเพจในโหมด Source ตัวอย่างเช่นพิมพ์ ดูแหล่งที่มา: https: //www.lifewire.com เพื่อดูซอร์สโค้ดหลังหน้า Landing Page หลักของ Lifewire

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

วิธีดูซอร์สบนเบราว์เซอร์มือถือเริ่มต้น

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

เบราว์เซอร์มือถือแต่ละตัวที่คุณติดตั้งจากร้านค้าแอปของแพลตฟอร์มจะทำงานแตกต่างกัน ศึกษาเอกสารของเบราว์เซอร์สำหรับขั้นตอนเฉพาะ