آموزش JavaScript
دسته بندی ( ۲۶۰ آموزش )
نمایش دسته بندی ها (۲۶۰ آموزش)
مباحث اولیه، در JavaScript
مباحث اولیه، در JavaScript 18
کنسول (Console)، در JavaScript
کنسول (Console)، در JavaScript 24
نمایش متن در خروجی صفحه، در JavaScript
نمایش متن در خروجی صفحه، در JavaScript 2
عملگرها (Operator)، در JavaScript
عملگرها (Operator)، در JavaScript 0
متغیرها (Variable)، در JavaScript
متغیرها (Variable)، در JavaScript 8
رشته ها (متن ها - String)، در JavaScript
رشته ها (متن ها - String)، در JavaScript 28
نمایش پیام، در JavaScript
نمایش پیام، در JavaScript 4
توابع (Function)، در JavaScript
توابع (Function)، در JavaScript 5
حلقه ها (Loop)، در JavaScript
حلقه ها (Loop)، در JavaScript 3
آرایه ها (Array)، در JavaScript
آرایه ها (Array)، در JavaScript 34
شیء ها (Object)، در JavaScript
شیء ها (Object)، در JavaScript 2
انتخاب عنصرهای صفحه (اشاره به عنصرهای صفحه)، در JavaScript
انتخاب عنصرهای صفحه (اشاره به عنصرهای صفحه)، در JavaScript 7
کلاس های (Class) عنصرها، در JavaScript
کلاس های (Class) عنصرها، در JavaScript 5
id عنصرها، در JavaScript
id عنصرها، در JavaScript 0
مشخصه های (Attribute) عنصرها، در JavaScript
مشخصه های (Attribute) عنصرها، در JavaScript 1
رویدادها (Event)، در JavaScript
رویدادها (Event)، در JavaScript 0
عملیات های ریاضی، در JavaScript
عملیات های ریاضی، در JavaScript 18
تاریخ و زمان، در JavaScript
تاریخ و زمان، در JavaScript 10
زمان بندی اجرای کدها، در JavaScript
زمان بندی اجرای کدها، در JavaScript 2
افزودن و یا حذف محتوا و کد، به صفحه، در JavaScript
افزودن و یا حذف محتوا و کد، به صفحه، در JavaScript 6
فرم ها (Form)، در JavaScript
فرم ها (Form)، در JavaScript 11
عکس ها (Image)، در JavaScript
عکس ها (Image)، در JavaScript 2
دکمه ها (Button)، در JavaScript
دکمه ها (Button)، در JavaScript 2
لینک ها (Link)، در JavaScript
لینک ها (Link)، در JavaScript 5
پنجره ها (Window)، در JavaScript
پنجره ها (Window)، در JavaScript 2
جدول ها (Table)، در JavaScript
جدول ها (Table)، در JavaScript 1
رنگ ها (Color) و تعیین رنگ، در JavaScript
رنگ ها (Color) و تعیین رنگ، در JavaScript 1
کلیک کردن (Click)، در JavaScript
کلیک کردن (Click)، در JavaScript 1
اسکرول (Scroll)، در JavaScript
اسکرول (Scroll)، در JavaScript 2
کار با کل صفحه، در JavaScript
کار با کل صفحه، در JavaScript 1
صفحه فعلی (Current Page)، در JavaScript
صفحه فعلی (Current Page)، در JavaScript 19
دریافت ورودی از کاربر، در JavaScript
دریافت ورودی از کاربر، در JavaScript 1
تمرکز (Focus)، در JavaScript
تمرکز (Focus)، در JavaScript 3
مرورگر اینترنت (Browser)، در JavaScript
مرورگر اینترنت (Browser)، در JavaScript 3
ذخیره اطلاعات در مرورگر اینترنت (Browser) کاربر، در JavaScript
ذخیره اطلاعات در مرورگر اینترنت (Browser) کاربر، در JavaScript 10
کار با کیبورد (Keyboard)، در JavaScript
کار با کیبورد (Keyboard)، در JavaScript 2
موس، در JavaScript
موس، در JavaScript 1
Iframe ها، در JavaScript
Iframe ها، در JavaScript 1
بارگذاری (دانلود) فایل، در JavaScript
بارگذاری (دانلود) فایل، در JavaScript 1
علامت ها (Sign)، در JavaScript
علامت ها (Sign)، در JavaScript 0
تکنیک Ajax ، در JavaScript
تکنیک Ajax ، در JavaScript 4
ساختار JSON ، در JavaScript
ساختار JSON ، در JavaScript 0
منسوخ شده ها (Deprecated و Obsolete)، در JavaScript
منسوخ شده ها (Deprecated و Obsolete)، در JavaScript 1
مباحث عمومی، در JavaScript
مباحث عمومی، در JavaScript 2

نمایش تعدادی از پیام های کنسول (Console) مرورگر اینترنت (Browser) به صورت یک گروه (Group)، با نمایش اولیه گروه به صورت بسته شده، با روش های console.groupCollapsed و console.groupEnd ، در JavaScript

با گروه بندی کردن پیام هایی که در کنسول (Console) مرورگر اینترنت (Browser) نمایش داده می شود، می توانیم مدیریت بهتری بر روی پیام های کنسول (Console) مرورگر اینترنت داشته باشیم و از شلوغی بیش از حد کنسول (Console) مرورگر اینترنت جلوگیری کرده و راحتتر پیام های مورد نظرمان را بیابیم.

برای این منظور، می توانیم روش های console.groupCollapsed و console.groupEnd در JavaScript را به کار ببریم.

گروه بندی کردن پیام ها به این صورت است که در بخشی از کدها با اجرای روش console.groupCollapsed اعلام می کنیم که یک گروه (Group) شروع شده است و بنابراین از این به بعد هر پیامی که در کنسول (Console) مرورگر اینترنت نمایش داده شود، در آن گروه (Group) قرار می گیرد. سپس هر زمان که بخواهیم دیگر پیام ها در آن گروه (Group) نمایش داده نشوند، روش console.groupEnd را اجرا می نماییم.

بنابراین شروع یک گروه توسط روش console.groupCollapsed و پایان گروه توسط روش console.groupEnd اعلام می شود.

همچنین امکان تعیین عنوان (برچسب - Label) برای هر گروه وجود دارد تا گروه ها را به راحتی بر اساس عنوان آنها شناسایی کنیم. عنوان پیش فرض برای روش console.groupCollapsed ، برابر عبارت console.groupCollapsed می باشد.

علاوه بر این، امکان باز و بسته کردن گروه ها وجود دارد. برای باز کردن یا بستن گروه، باید بر روی عنوان آن کلیک کنیم. وقتی گروه باز است، می توانیم تمام پیام های آن را ببینیم، اما وقتی گروه بسته است، تنها عنوان آن نمایش داده می شود.

به مثال زیر توجه کنید :

مثال

نتیجه :

خطا - صفحه را دوباره بارگذاری کنید

کنسول (Console) مرورگر اینترنت (Browser) خود را باز کرده و پیام نمایش داده شده را بررسی نمایید.

مثال

در این مثال، دو گروه (Group) با دو عنوان (برچسب - Label) متفاوت می سازیم :

نتیجه :

خطا - صفحه را دوباره بارگذاری کنید

کنسول (Console) مرورگر اینترنت (Browser) خود را باز کرده و پیام نمایش داده شده را بررسی نمایید.

نکته

وقتی از روش console.groupCollapsed در JavaScript برای اعلام شروع یک گروه (Group) استفاده می کنیم، نمایش اولیه آن گروه (Group) به صورت بسته شده می باشد، چنانچه بخواهیم که نمایش اولیه گروه (Group) به صورت باز شده باشد، باید روش console.group در JavaScript را برای اعلام شروع گروه (Group) به کار ببریم ( کلید شماره 27668 ).

نویسنده علیرضا گلمکانی
شماره کلید 27669
گزینه ها
به اشتراک گذاری (Share) در شبکه های اجتماعی
نظرات 0 0 0

ارسال نظر جدید (بدون نیاز به عضو بودن در وب سایت)

جستجو در کلیدستان، توسط گوگل

جستجو در عنوان کلیدها

دسترسی سریع

کلید
×

شماره کلید


دسته بندی
×

شماره دسته کلید


جستجو
×

جستجو