Melihat data Web SQL

Kayce Basques

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

Melihat Data Web SQL

  1. Klik tab Sumber untuk membuka panel Aplikasi. 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 rooms.

Mengedit 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 Web SQL Console yang mengedit atau menghapus tabel. Lihat Menjalankan kueri Web SQL.

Menjalankan kueri SQL Web

  1. Klik database untuk membuka konsol database tersebut.

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

    Menggunakan Web SQL Console untuk menghapus baris dari tabel.

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

Memuat ulang tabel Web SQL

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

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

Memfilter kolom dalam tabel Web SQL

  1. Melihat data tabel Web SQL.

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

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

    Gambar 4. Menggunakan kotak teks Visible Columns untuk hanya menampilkan kolom room_name dan last_updated.

Menghapus semua data Web SQL

  1. Buka panel Hapus Penyimpanan.

  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.