Ten przewodnik pokazuje, jak za pomocą Narzędzi deweloperskich w Chrome sprawdzić dane Web SQL.
Wyświetlanie danych internetowych SQL
Kliknij kartę Źródła, aby otworzyć panel Aplikacja. Rozwiń sekcję Web SQL, aby wyświetlić bazy danych i tabele. Na rysunku 1 poniżej html5meetup to baza danych, a rooms to tabela.
Rysunek 1 Panel Web SQL.
Kliknij tabelę, aby wyświetlić jej dane.
Rysunek 2. Wyświetlanie danych z tabeli rooms w tabeli Web SQL.
Edytowanie danych Web SQL
Podczas wyświetlania tabeli Web SQL, takiej jak na rysunku 2 powyżej, nie można edytować danych Web SQL. Możesz jednak uruchamiać w konsoli Web SQL instrukcje, które edytują lub usuwają tabele. Zapoznaj się z artykułem Wykonywanie zapytań SQL w usłudze Web SQL.
Uruchamianie zapytań SQL w internecie
- Kliknij bazę danych, aby otworzyć jej konsolę.
Wpisz instrukcję Web SQL, a potem naciśnij Enter, aby ją uruchomić.
Rysunek 3. Użycie konsoli Web SQL do usunięcia wiersza z tabeli rooms.
Odświeżanie tabeli Web SQL
Narzędzia deweloperskie nie aktualizują tabel w czasie rzeczywistym. Aby zaktualizować dane w tabeli:
- Wyświetlanie danych tabeli Web SQL.
- Kliknij Odśwież
.
Filtrowanie kolumn w tabeli Web SQL
- Wyświetlanie danych tabeli Web SQL.
W polu tekstowym Widoczne kolumny określ, które kolumny mają być widoczne. Podaj nazwy kolumn jako listę w formacie CSV.
Rysunek 4 Użyj pola tekstowego Widoczne kolumny, aby wyświetlić tylko kolumny
room_name
ilast_updated
.
Usuwanie wszystkich danych Web SQL
- Otwórz panel Wyczyść pamięć.
Upewnij się, że pole wyboru Web SQL jest włączone.
Rysunek 5. Pole wyboru Web SQL.
Kliknij Wyczyść dane witryn.
Rysunek 6. przycisk Wyczyść dane witryny.