Z tego przewodnika dowiesz się, jak badać dane Web SQL przy użyciu Narzędzi deweloperskich w Chrome.
Wyświetl dane Web SQL
Kliknij kartę Sources (Źródła), aby otworzyć panel Application (Aplikacja). Rozwiń sekcję Web SQL, aby wyświetlić bazy danych i tabele. Na Rys. 1 poniżej obiekt html5meetup przedstawia bazę danych, a element rooms – tabelę.
Rysunek 1. Panel Web SQL.
Kliknij tabelę, aby wyświetlić zawarte w niej dane.
Rysunek 2. wyświetlanie danych z tabeli Web SQL sale.
Edytuj dane Web SQL
Podczas wyświetlania tabeli Web SQL nie można edytować danych Web SQL, tak jak na Rys. 2 powyżej. Możesz jednak uruchamiać w konsoli Web SQL instrukcje edytowania lub usuwania tabel. Zobacz Uruchamianie zapytań Web SQL.
Uruchamianie zapytań Web SQL
- Kliknij bazę danych, aby otworzyć jej konsolę.
Wpisz instrukcję Web SQL, a następnie naciśnij Enter, aby ją uruchomić.
Rysunek 3. Użyj konsoli Web SQL, aby usunąć wiersz 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ż .
Odfiltrowywanie kolumn w tabeli Web SQL
- Wyświetlanie danych tabeli Web SQL
W polu tekstowym Widoczne kolumny określ, które kolumny chcesz wyświetlać. Podaj nazwy kolumn w formie listy CSV.
Rysunek 4. Użycie pola tekstowego Widoczne kolumny do wyświetlania tylko kolumn
room_name
ilast_updated
.
Usuń wszystkie dane Web SQL
- Otwórz panel Wyczyść pamięć wewnętrzną.
Sprawdź, czy pole wyboru Web SQL jest zaznaczone.
Rysunek 5. Pole wyboru Web SQL.
Kliknij Wyczyść dane witryn.
Rysunek 6. Przycisk Wyczyść dane witryn.