Z tego przewodnika dowiesz się, jak sprawdzać dane Web SQL za pomocą Narzędzi deweloperskich w Chrome.
Wyświetl dane Web SQL
Kliknij kartę Źródła, aby otworzyć panel Aplikacja. Aby wyświetlić bazy danych i tabele, rozwiń sekcję Web SQL. Na Rys. 1 poniżej html5meetup przedstawia bazę danych, a sale to tabela.
Rysunek 1. Panel Web SQL.
Kliknij tabelę, aby wyświetlić zawarte w niej dane.
Rysunek 2. Wyświetla dane z tabeli Web SQL pokojów.
Edytuj dane Web SQL
Podczas wyświetlania tabeli Web SQL nie możesz edytować danych Web SQL, jak na przykład 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. Przy użyciu konsoli Web SQL usuń wiersz z tabeli rooms (pokoje).
Odświeżanie tabeli Web SQL
Narzędzia deweloperskie nie aktualizują tabel w czasie rzeczywistym. Aby zaktualizować dane w tabeli:
- Wyświetl dane tabeli Web SQL.
- Kliknij Odśwież
.
Odfiltrowywanie kolumn w tabeli Web SQL
- Wyświetl dane tabeli Web SQL.
Użyj pola tekstowego Widoczne kolumny, aby określić, które kolumny mają być wyświetlane. Podaj nazwy kolumn w formie listy CSV.
Rysunek 4. Użyj pola tekstowego Widoczne kolumny, aby wyświetlić tylko kolumny
room_nameilast_updated.
Usuń wszystkie dane Web SQL
- Otwórz panel Wyczyść pamięć wewnętrzną.
Upewnij się, że pole wyboru Web SQL jest zaznaczone.
Rysunek 5. Pole wyboru Web SQL.
Kliknij Wyczyść dane witryn.
Rysunek 6. przycisk Wyczyść dane witryny,