แสดงซอร์สโค้ด HTML
แสดงซอร์สโค้ด HTML ของหน้าเว็บจาก URL พร้อมหมายเลขบรรทัด
คุณสมบัติ
แสดงซอร์สเพียง URL เท่านั้น
แสดง HTML ของหน้าเว็บพร้อมหมายเลขบรรทัด โดยไม่ปรับปรุง
ตรวจสอบซอร์สได้ที่สมาร์ทโฟน
สามารถตรวจสอบได้แม้ว่าบราวเซอร์สมาร์ทโฟนไม่มีฟังก์ชันแสดงซอร์ส
รายละเอียดผลลัพธ์ที่ได้ก็อยู่ในรายการ
สถานะ URL สุดท้าย รหัสอักขระ จำนวนอักขระ จำนวนบรรทัด
จัดรูปแบบ คัดลอก บันทึก
รองรับการจัดรูปแบบแบบกดเดียว การคัดลอก และการบันทึกไฟล์ .html
วิธีใช้
ป้อน URL ที่ต้องการตรวจสอบ
ป้อน URL ของหน้าเว็บที่ต้องการดูซอร์สไปยังช่องป้อนข้อมูลหนึ่งรายการ (สามารถละเว้น https://)
ได้รับข้อมูลโดยกดปุ่มยืนยัน
กดปุ่ม "ยืนยัน" หรือคีย์ Enter เพื่อให้เซิร์ฟเวอร์ดึงหน้าและแสดงซอร์ส
ตรวจสอบรายละเอียดและซอร์ส
ตรวจสอบสถานะ URL สุดท้าย รหัสอักขระ และหากอ่านยาก ให้กดปุ่ม "จัดรูปแบบ" เพื่อเพิ่มการเยื้อง
คัดลอกหรือบันทึก
คัดลอกโดยใช้ปุ่มมุมบนขวาของช่องซอร์ส หรือดาวน์โหลดเป็นไฟล์ .html
กรณีการใช้งาน
ตรวจสอบโครงสร้างเว็บอ้างอิง
ตรวจสอบการจัดองค์ประกอบของส่วนหัว ข้อมูล meta CSS และ JavaScript ที่โหลด
ยืนยันผลการส่งออกแท็ก
ตรวจสอบว่าแท็กวัด OGP และข้อมูลที่มีโครงสร้างถูกส่งออกไปยัง HTML ของเว็บไซต์ของคุณจริง ๆ
สืบสวนสาเหตุของการแสดงผลอักขระผิดพลาด
ตรวจสอบรหัสอักขระและเนื้อหาการประกาศของหน้าเว็บที่แสดงผลอักขระผิดพลาด
ค้นหาลิงก์ในหน้า
ตรวจสอบลิงก์ที่อ้างถึงจากหน้าเว็บเป็นรายการและคัดลอก
ความรู้พื้นฐาน
ซอร์สโค้ด HTML คืออะไร
ซอร์สโค้ด HTML คือข้อความที่อธิบายส่วนหัว เนื้อหา ตำแหน่งของภาพในหน้าเว็บ โดยใช้แท็กเช่น h1 (ส่วนหัว) และ p (ย่อหน้า) เบราวเซอร์จะอ่านข้อมูลนี้และแสดงหน้าเว็บ
- องค์ประกอบ head：องค์ประกอบ head มีชื่อเรื่องหน้า (title) ข้อความคำอธิบายที่ใช้ในผลการค้นหาและสื่อสังคม (meta) และข้อกำหนดสำหรับโหลด CSS และ JavaScript
- การประกาศรหัสอักขระ：รหัสอักขระถูกประกาศโดยแอตทริบิวต์ charset ของแท็ก meta (เช่น charset=\"UTF-8\") และหากการประกาศไม่ตรงกับรหัสอักขระจริง หน้าจะแสดงผลอักขระผิดพลาด
วิธีแสดงซอร์สหน้าเว็บในเบราวเซอร์
ใน Chrome หรือ Edge บนพีซี ให้คลิกขวาบนหน้าเว็บและเลือก "แสดงซอร์สหน้า" หรือบน Windows ให้กด "Ctrl+U" บน Mac ให้กด "Command+Option+U" เพื่อแสดงซอร์ส
- ในกรณีของสมาร์ทโฟน：บราวเซอร์สมาร์ทโฟนมักจะไม่มีเมนู "แสดงซอร์สหน้า" จึงสะดวกที่จะใช้เครื่องมือเว็บที่ป้อน URL เพื่อดึงและแสดงซอร์ส
ความแตกต่างระหว่าง HTML ของซอร์สและเครื่องมือตรวจสอบ
"ซอร์สหน้า" คือ HTML ที่เซิร์ฟเวอร์ส่งกลับมาครั้งแรก HTML ที่แสดงในเครื่องมือตรวจสอบเบราวเซอร์ (เครื่องมือนักพัฒนา) คือสถานะหลังจากการเรียกใช้ JavaScript ได้ถูกเขียนเพิ่มเติม
- องค์ประกอบที่ไม่แสดง：โฆษณาและรายการที่เพิ่มเข้ามาโดย JavaScript ในภายหลังจะไม่รวมอยู่ใน HTML ที่เซิร์ฟเวอร์ส่งกลับมา ดังนั้นอาจไม่พบเมื่อแสดงซอร์ส
ความปลอดภัยและความเป็นส่วนตัว
การประมวลผลบนเซิร์ฟเวอร์
ข้อมูลที่ป้อนจะได้รับการประมวลผลบนเซิร์ฟเวอร์ และจะส่งเพียงข้อมูลที่จำเป็นสำหรับการสอบถาม
การประมวลผลชั่วคราวเท่านั้น
เซิร์ฟเวอร์ทำการประมวลผลชั่วคราวสำหรับ ดึงซอร์สของหน้า จากนั้นลบข้อมูลหลังจากส่งผลลัพธ์
การสื่อสารเข้ารหัสด้วย HTTPS
ข้อมูลที่ส่งและรับทั้งหมดเข้ารหัสด้วย TLS ไม่สามารถอ่านได้จากบุคคลที่สาม
ไม่มีการส่งไปยังบุคคลที่สาม
ไม่ส่งเนื้อหาอินพุตไปยังบริการภายนอก เช่น เครือข่ายโฆษณาหรือตัวติดตามข้อมูล
ดึงเฉพาะหน้าของ URL ที่ป้อน
ซอร์สที่ดึงมาจะแสดงบนหน้าจออักขระเท่านั้น ไม่ได้เรียกใช้สคริปต์ และไม่ได้ดึง URL ที่ไม่เผยแพร่เช่นภายในบริษัท
ติดตามรับข้อมูล RAKKOTOOLS ผ่าน Google ค้นหา
เครื่องมือสะดวก 203 รายการจะสามารถค้นหาได้ง่ายขึ้นจากการค้นหา Google และการค้นหา AI!
- พบได้ในการค้นหา
- แสดงผลในการค้นหา AI
- ค้นพบเครื่องมือใหม่
ข้อมูลอัปเดต
- update #376
เพิ่มเครื่องมือใหม่ที่สามารถแสดง HTML source ของหน้าเว็บจาก URL พร้อมหมายเลขบรรทัด
เครื่องมือที่น่าสนใจ
RAKKOTOOLS ใช้งานได้อย่างเสรี!
ไม่ว่าจะเป็นผู้บุคคลหรือนิติบุคคล หรือจุดประสงค์ทั่วไปหรือเชิงพาณิชย์ สามารถใช้งานได้ฟรีไม่จำเป็นต้องขออนุญาตล่วงหน้าหรือยื่นแบบฟอร์มการสมัครใช้งาน ใช้งานได้อย่างเสรีในฉากต่างๆ
การใช้งานในการสตรีมและวิดีโอ
สามารถใช้งานเครื่องมือต่างๆ เช่น การจับฉลาก และการเลือกสลากในการสตรีมสด และในวิดีโอ
การใช้งานในโรงเรียน งาน และอีเวนต์
สามารถนำไปใช้ในฉากต่างๆ เช่น บทเรียน การแบ่งทีม งานภายในบริษัท และอีเวนต์
การแนะนำใน Web หนังสือ และ SNS
สามารถแนะนำเครื่องมือที่มีประโยชน์ได้อย่างเสรีในสื่อ Web หนังสือ SNS และอื่นๆ
การใช้งานเชิงพาณิชย์
สามารถใช้งานเพื่อจุดประสงค์เชิงพาณิชย์ เช่น การสำรวจ การคำนวณ การประมวลผล และการแปลง
หากคุณช่วยแนะนำ ก็จะมีพลังในการสร้างเครื่องมือ!
เมื่อใช้งานในการสตรีมและวิดีโอ
กรุณาวาง ลิงก์ RAKKOTOOLS ในช่องคำบรรยาย หรือ กล่าวถึงหรือแสดงว่ากำลังใช้ "RAKKOTOOLS" ในการสตรีมหรือวิดีโอ
ตัวอย่างเครดิตที่สามารถวางในช่องคำบรรยาย
ข้อปฏิบัติในการใช้งานหากใช้งานแบบปกติ สามารถใช้งานได้อย่างเสรี อย่างไรก็ตาม การใช้งานเพื่อวัตถุประสงค์ที่ขัดต่อกฎหมาย การใช้งานที่ละเมิดสิทธิของบุคคลที่สาม การใช้งานที่สร้างภาระอย่างมากต่อบริการ การเข้าถึงโดยไม่ได้รับอนุญาต และการกระทำอื่นๆ ที่รบกวนการดำเนินงานของบริการ เป็นสิ่งต้องห้าม
ไม่รับประกันความถูกต้องและความสมบูรณ์ของข้อมูลและผลการคำนวณที่ได้จากเครื่องมือแต่ละชิ้น
ข้อความนี้เป็นการแปลจากต้นฉบับภาษาญี่ปุ่น หากมีข้อแตกต่างระหว่างคำแปลและต้นฉบับ ต้นฉบับภาษาญี่ปุ่นจะมีความสำคัญมากกว่า