คู่มือนี้จะแสดงวิธีใช้ เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome เพื่อตรวจสอบข้อมูล Web SQL
ดูข้อมูล SQL ของเว็บ
คลิกแท็บแหล่งที่มาเพื่อเปิดแผงแอปพลิเคชัน ขยายส่วน Web SQL เพื่อดูฐานข้อมูลและตาราง ในรูปที่ 1 ด้านล่าง html5meetup คือฐานข้อมูล และ rooms คือตาราง
รูปที่ 1 แผง SQL ของเว็บ
คลิกตารางเพื่อดูข้อมูลของตารางนั้น
รูปที่ 2 การดูข้อมูลของตาราง Web SQL rooms
แก้ไขข้อมูล Web SQL
คุณไม่สามารถแก้ไขข้อมูล Web SQL เมื่อดูตาราง Web SQL เช่น ในรูปที่ 2 ด้านบน แต่คุณสามารถเรียกใช้คำสั่งจากคอนโซล Web SQL ที่แก้ไขหรือลบตารางได้ ดูเรียกใช้การค้นหา Web SQL
เรียกใช้การค้นหา SQL บนเว็บ
- คลิกฐานข้อมูลเพื่อเปิดคอนโซลของฐานข้อมูลนั้น
พิมพ์คำสั่ง Web SQL แล้วกด Enter เพื่อเรียกใช้
รูปที่ 3 การใช้ Web SQL Console เพื่อลบแถวจากตาราง rooms
รีเฟรชตาราง Web SQL
เครื่องมือสำหรับนักพัฒนาเว็บจะไม่อัปเดตตารางแบบเรียลไทม์ วิธีอัปเดตข้อมูลในตาราง
- ดูข้อมูลของตาราง Web SQL
- คลิกรีเฟรช
กรองคอลัมน์ในตาราง Web SQL ออก
- ดูข้อมูลของตาราง Web SQL
ใช้ช่องข้อความคอลัมน์ที่มองเห็นได้เพื่อระบุคอลัมน์ที่ต้องการแสดง ระบุชื่อคอลัมน์เป็นรายการ CSV
รูปที่ 4 ใช้กล่องข้อความคอลัมน์ที่มองเห็นได้เพื่อแสดงเฉพาะคอลัมน์
room_nameและlast_updated
ลบข้อมูล Web SQL ทั้งหมด
- เปิดแผงล้างพื้นที่เก็บข้อมูล
ตรวจสอบว่าได้เปิดใช้ช่องทำเครื่องหมาย Web SQL แล้ว
รูปที่ 5 ช่องทําเครื่องหมาย Web SQL
คลิกล้างข้อมูลเว็บไซต์
รูปที่ 6 ปุ่มล้างข้อมูลเว็บไซต์