Visualizza i dati SQL web

Kayce Basques

Questa guida mostra come utilizzare Chrome DevTools per ispezionare i dati Web SQL.

Visualizza i dati Web SQL

1. Fai clic sulla scheda Origini per aprire il riquadro Applicazione. Espandi la sezione Web SQL per visualizzare i database e le tabelle. Nella Figura 1 di seguito, html5meetup è un database e rooms è una tabella.

   

   Figura 1. Il riquadro SQL web.

2. Fai clic su una tabella per visualizzarne i dati.

   

   Figura 2. Visualizzazione dei dati della tabella SQL web rooms.

Modificare i dati Web SQL

Non puoi modificare i dati Web SQL quando visualizzi una tabella Web SQL, ad esempio nella Figura 2 sopra. Tuttavia, puoi eseguire istruzioni dalla console Web SQL che modificano o eliminano le tabelle. Consulta Eseguire query Web SQL.

Esegui query SQL web

1. Fai clic su un database per aprire una console per quel database.

2. Digita un'istruzione SQL web e premi Invio per eseguirla.

   

   Figura 3. Utilizzo della console SQL web per eliminare una riga dalla tabella rooms.

Aggiornare una tabella SQL web

DevTools non aggiorna le tabelle in tempo reale. Per aggiornare i dati in una tabella:

1. Visualizza i dati di una tabella SQL web.
2. Fai clic su Aggiorna .

Filtrare le colonne in una tabella Web SQL

1. Visualizza i dati di una tabella SQL web.

2. Utilizza la casella di testo Colonne visibili per specificare le colonne da mostrare. Fornisci i nomi di colonna come elenco CSV.

   

   Figura 4. Utilizza la casella di testo Colonne visibili per mostrare solo le colonne room_name e last_updated.

Eliminare tutti i dati Web SQL

1. Apri il riquadro Cancella spazio di archiviazione.

2. Assicurati che la casella di controllo Web SQL sia attivata.

   

   Figura 5. La casella di controllo SQL web.

3. Fai clic su Cancella dati dei siti.

   

   Figura 6. Il pulsante Cancella dati del sito.