مشاهده داده های وب SQL

این راهنما به شما نشان می دهد که چگونه از Chrome DevTools برای بازرسی داده های Web SQL استفاده کنید.

مشاهده داده های وب SQL

  1. روی تب Sources کلیک کنید تا پنل Application باز شود. بخش Web SQL را برای مشاهده پایگاه داده ها و جداول گسترش دهید. در شکل 1 زیر html5meetup یک پایگاه داده و اتاق ها یک جدول است.

    صفحه وب SQL.

    شکل 1 . صفحه وب SQL.

  2. برای مشاهده داده های آن جدول روی یک جدول کلیک کنید.

    مشاهده داده های یک جدول Web SQL.

    شکل 2 . مشاهده داده های جدول Web SQL اتاق ها .

ویرایش داده های وب SQL

شما نمی توانید داده های Web SQL را هنگام مشاهده یک جدول Web SQL، مانند شکل 2 بالا، ویرایش کنید. اما می توانید عباراتی را از کنسول Web SQL اجرا کنید که جداول را ویرایش یا حذف می کند. به اجرای پرس و جوهای وب SQL مراجعه کنید.

پرس و جوهای Web SQL را اجرا کنید

  1. روی یک پایگاه داده کلیک کنید تا کنسولی برای آن پایگاه داده باز شود.
  2. یک عبارت Web SQL را تایپ کنید، سپس Enter را فشار دهید تا اجرا شود.

    استفاده از Web SQL Console برای حذف یک ردیف از جدول.

    شکل 3 . استفاده از Web SQL Console برای حذف یک ردیف از جدول اتاق ها .

یک جدول Web SQL را بازخوانی کنید

DevTools جداول را در زمان واقعی به روز نمی کند. برای به روز رسانی داده ها در یک جدول:

  1. مشاهده داده های جدول Web SQL .
  2. روی Refresh کلیک کنید تازه کردن .

ستون ها را در جدول Web SQL فیلتر کنید

  1. مشاهده داده های جدول Web SQL .
  2. از کادر متنی Visible columns استفاده کنید تا مشخص کنید چه ستون هایی را می خواهید نشان دهید. نام ستون ها را به عنوان یک لیست CSV ارائه کنید.

    با استفاده از کادر متنی Visible Columns برای کاهش تعداد ستون های نشان داده شده.

    شکل 4 . با استفاده از کادر متنی Visible Columns فقط برای نمایش ستون های room_name و last_updated .

تمام داده های وب SQL را حذف کنید

  1. پنجره Clear Storage را باز کنید.
  2. مطمئن شوید که چک باکس Web SQL فعال باشد.

    چک باکس Web SQL.

    شکل 5 . چک باکس Web SQL .

  3. روی پاک کردن داده‌های سایت کلیک کنید.

    دکمه پاک کردن اطلاعات سایت.

    شکل 6 . دکمه پاک کردن اطلاعات سایت .