این راهنما به شما نشان می دهد که چگونه از Chrome DevTools برای بازرسی داده های Web SQL استفاده کنید.
مشاهده داده های وب SQL
روی تب Sources کلیک کنید تا پنل Application باز شود. بخش Web SQL را برای مشاهده پایگاه داده ها و جداول گسترش دهید. در شکل 1 زیر html5meetup یک پایگاه داده و اتاق ها یک جدول است.
شکل 1 . صفحه وب SQL.
برای مشاهده داده های آن جدول روی یک جدول کلیک کنید.
شکل 2 . مشاهده داده های جدول Web SQL اتاق ها .
ویرایش داده های وب SQL
شما نمی توانید داده های Web SQL را هنگام مشاهده یک جدول Web SQL، مانند شکل 2 بالا، ویرایش کنید. اما می توانید عباراتی را از کنسول Web SQL اجرا کنید که جداول را ویرایش یا حذف می کند. به اجرای پرس و جوهای وب SQL مراجعه کنید.
پرس و جوهای Web SQL را اجرا کنید
- روی یک پایگاه داده کلیک کنید تا کنسولی برای آن پایگاه داده باز شود.
یک عبارت Web SQL را تایپ کنید، سپس Enter را فشار دهید تا اجرا شود.
شکل 3 . استفاده از Web SQL Console برای حذف یک ردیف از جدول اتاق ها .
یک جدول Web SQL را بازخوانی کنید
DevTools جداول را در زمان واقعی به روز نمی کند. برای به روز رسانی داده ها در یک جدول:
- مشاهده داده های جدول Web SQL .
- روی Refresh کلیک کنید .
ستون ها را در جدول Web SQL فیلتر کنید
- مشاهده داده های جدول Web SQL .
از کادر متنی Visible columns استفاده کنید تا مشخص کنید چه ستون هایی را می خواهید نشان دهید. نام ستون ها را به عنوان یک لیست CSV ارائه کنید.
شکل 4 . با استفاده از کادر متنی Visible Columns فقط برای نمایش ستون های
room_name
وlast_updated
.
تمام داده های وب SQL را حذف کنید
- پنجره Clear Storage را باز کنید.
مطمئن شوید که چک باکس Web SQL فعال باشد.
شکل 5 . چک باکس Web SQL .
روی پاک کردن دادههای سایت کلیک کنید.
شکل 6 . دکمه پاک کردن اطلاعات سایت .