เว็บและเครือข่าย

เว็บและเครือข่าย — เครื่องมือนักพัฒนาฟรี 10 รายการบนเบราว์เซอร์ เช่น อ้างอิงรหัสสถานะ HTTP, ตัวแยก Header และ User Agent ประมวลผลในเครื่อง ข้อมูลส่วนตัว

10 เครื่องมือ

อ้างอิงรหัสสถานะ HTTPเครื่องมืออ้างอิงออนไลน์ฟรี ค้นหารหัสสถานะ HTTP ตั้งแต่ 1xx ถึง 5xx เช่น 200 OK และ 404 Not Found พร้อมความหมายและแหล่งอ้างอิง RFC

ตัวแยกวิเคราะห์ HTTP Headerแยก HTTP request และ response header ดิบเป็นคู่คีย์-ค่า พร้อมวิเคราะห์และอธิบายเฮดเดอร์ความปลอดภัยและแคช เช่น Cache-Control, CSP และ HSTS ใช้ฟรี

ตัวแยกวิเคราะห์ User Agentแยกสตริง User-Agent เพื่อระบุเบราว์เซอร์ ระบบปฏิบัติการ และชนิดอุปกรณ์ วิเคราะห์ในเบราว์เซอร์ด้วยฐานข้อมูลสถิตจึงใช้งานออฟไลน์ได้ ใช้ฟรี

ค้นหาประเภท MIMEค้นหาชนิด MIME ที่ถูกต้องจากนามสกุลไฟล์ หรือค้นย้อนกลับหานามสกุลจากชนิด MIME สะดวกสำหรับตั้งค่า Content-Type ใช้ฟรีในเบราว์เซอร์

ตัวแยกวิเคราะห์ URLแยก URL ออกเป็นโปรโตคอล โฮสต์ พอร์ต พาธ query และ hash พร้อมวิเคราะห์พารามิเตอร์ เติม https:// ให้อัตโนมัติและใช้ URL API ของเบราว์เซอร์ ใช้ฟรี

ตัวอย่าง Open Graphเครื่องมือออนไลน์ฟรีดูตัวอย่างเมตาแท็ก Open Graph ว่าลิงก์จะแสดงอย่างไรบน Facebook, X (Twitter) และ LinkedIn พร้อมตรวจ title และรูปภาพ

ตัวสร้าง robots.txtสร้างไฟล์ robots.txt ด้วยตัวแก้ไขแบบภาพ กำหนด user-agent เส้นทาง allow และ disallow, crawl-delay และที่อยู่ sitemap ได้ไฟล์พร้อมคัดลอก ใช้ฟรี

ตัวสร้าง Sitemap XMLแปลงรายการ URL ของหน้าเว็บเป็นไฟล์ sitemap.xml ที่ถูกต้อง พร้อมฟิลด์ lastmod, changefreq และ priority คัดลอกส่ง Google Search Console ได้ทันที

ตัวสร้าง .htaccessเครื่องมือสร้าง .htaccess ออนไลน์ฟรี สร้างกฎ redirect 301/302 กฎ www และ HTTPS และพาธที่กำหนดเอง แล้วคัดลอกโค้ด RewriteRule พร้อมใช้

ตัวสร้าง CSP Headerสร้าง Content-Security-Policy header ด้วยตัวแก้ไขแบบภาพสำหรับ default-src, script-src และ directive อื่น ได้สตริง CSP พร้อมใช้กัน XSS ใช้ฟรี

วิธีใช้งาน

1
อ่านสิ่งที่เซิร์ฟเวอร์ส่งมาจริง— วางเรสปอนซ์ดิบลงในตัวแยกส่วนหัว HTTP จะเห็นส่วนหัวของแคช CORS และความปลอดภัยแยกกลุ่มกัน จากนั้นค่อยเปิดดูรหัสสถานะและชนิด MIME ที่ได้กลับมา
2
สร้างไฟล์ตั้งค่า— สร้าง robots.txt, sitemap.xml, ส่วนหัว Content-Security-Policy หรือกฎเปลี่ยนเส้นทางใน .htaccess จากฟอร์ม แทนที่จะพิมพ์ไวยากรณ์เอง
3
ดูตัวอย่างก่อนเผยแพร่— ตัวอย่างแท็ก OG จะแสดงการ์ดเหมือนที่แอปแชทหรือฟีดโซเชียลจะแสดงจริง ส่วนตัวแยก URL และ User Agent จะแตกสตริงยาว ๆ ออกเป็นฟิลด์ที่มีชื่อ

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

ถ้าย้ายถาวรให้ใช้ 301 เพราะเครื่องมือค้นหาจะส่งต่อสัญญาณอันดับไปยัง URL ใหม่ และเบราว์เซอร์ก็จะแคชการเปลี่ยนเส้นทางไว้ ส่วนการย้ายชั่วคราวอย่างการทดสอบ A/B หรือหน้าปิดปรับปรุงให้ใช้ 302 ตัวสร้าง Htaccess เขียนได้ทั้งสองแบบเป็น RewriteRule ของ Apache และรหัส 3xx ที่เหลือดูได้จากคู่มือรหัสสถานะ HTTP

robots.txt บอกบอตว่าเข้าถึงเส้นทางใดได้บ้าง แต่ไม่ใช่วิธีกันหน้าออกจากดัชนี เพราะ URL ที่ถูกห้ามยังอาจปรากฏในผลค้นหาได้หากมีเว็บอื่นลิงก์มา ส่วน sitemap ทำหน้าที่ตรงข้าม คือระบุ URL ที่คุณอยากให้เก็บข้อมูล พร้อม lastmod และ priority สร้างทั้งสองไฟล์ได้ที่นี่ แล้วระบุที่อยู่ sitemap ไว้บรรทัดสุดท้ายของ robots.txt

ส่วนใหญ่เกิดจากขาด og:title, og:description หรือ og:image อย่างใดอย่างหนึ่ง หรือ og:image ชี้ไปยังพาธแบบสัมพัทธ์แทนที่จะเป็น URL เต็ม ให้วาง HTML ของหน้าลงในตัวแสดงตัวอย่างแท็ก OG เพื่อดูการ์ดแบบเดียวกับที่ Facebook, X และแอปแชตสร้างขึ้น และหากยังไม่มีรูป ให้ใช้ตัวสร้างภาพ OG ทำขนาด 1200x630