Melihat data Web SQL

Kayce Basques
Kayce Basques
Twitter GitHub Glitch

Panduan ini menunjukkan cara menggunakan Chrome DevTools untuk memeriksa data Web SQL.

Lihat Data Web SQL

  1. Klik tab Sources untuk membuka panel Application. Luaskan bagian Web SQL untuk melihat database dan tabel. Pada Gambar 1 di bawah, html5meetup adalah database dan rooms adalah tabel.

    Panel Web SQL.

    Gambar 1. Panel Web SQL.

  2. Klik tabel untuk melihat data tabel tersebut.

    Melihat data tabel Web SQL.

    Gambar 2. Melihat data tabel Web SQL ruang.

Edit data Web SQL

Anda tidak dapat mengedit data Web SQL saat melihat tabel Web SQL, seperti pada Gambar 2 di atas. Namun, Anda dapat menjalankan pernyataan dari Konsol Web SQL yang mengedit atau menghapus tabel. Lihat Menjalankan kueri Web SQL.

Menjalankan kueri Web SQL

  1. Klik database guna membuka konsol untuk database tersebut.

  2. Ketik pernyataan Web SQL, lalu tekan Enter untuk menjalankannya.

    Menggunakan Konsol Web SQL untuk menghapus baris dari tabel.

    Gambar 3. Menggunakan Konsol Web SQL untuk menghapus baris dari tabel rooms.

Memuat ulang tabel Web SQL

DevTools tidak mengupdate tabel secara real-time. Untuk memperbarui data dalam tabel:

  1. Melihat data tabel Web SQL.
  2. Klik Refresh Muat ulang.

Memfilter kolom di tabel Web SQL

  1. Melihat data tabel Web SQL.

  2. Gunakan kotak teks Kolom yang terlihat untuk menentukan kolom yang ingin ditampilkan. Berikan nama kolom sebagai daftar CSV.

    Menggunakan kotak teks Kolom Terlihat untuk mengurangi jumlah kolom yang ditampilkan.

    Gambar 4. Menggunakan kotak teks Kolom yang Terlihat hanya untuk menampilkan kolom room_name dan last_updated.

Hapus semua data Web SQL

  1. Buka panel Clear Storage.

  2. Pastikan kotak centang Web SQL diaktifkan.

    Kotak centang Web SQL.

    Gambar 5. Kotak centang Web SQL.

  3. Klik Hapus data situs.

    Tombol Hapus Data Situs.

    Gambar 6. Tombol Hapus Data Situs.