Melihat data Web SQL

Kayce Basques

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. Tetapi Anda dapat menjalankan pernyataan dari Konsol SQL Web untuk mengedit atau menghapus tabel. Lihat Menjalankan kueri Web SQL.

Menjalankan kueri Web SQL

  1. Klik database untuk membuka konsol 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 ruang.

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 Muat ulang 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 Terlihat untuk hanya 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.