چگونه کنسول گوگل کروم را باز کنیم. اما کش شما چیست و چرا باید آن را پاک کنید؟

به نظر می رسد مرورگر شرکت معروف داخلی Yandex یکی از محبوب ترین مرورگرها در فضاهای باز باشد اینترنت روسی زبان. این محبوبیت خود را مدیون عملکرد پیشرفته و فراوانی آن است احتمالات پنهان، که بسیاری از آنها توسط متخصصان در فرآیند کار استفاده می شود.

چنین ابزارهایی شامل کنسول است که اغلب برای یافتن و رفع خطاها در مرورگر و همچنین برای انجام تعدادی کار دیگر استفاده می شود.

ویژگی های کنسول

قبل از اینکه بفهمید چگونه کنسول را در مرورگر Yandex باز کنید، باید تصمیم بگیرید که چیست و چنین ابزاری برای چه چیزی می تواند استفاده شود. همانطور که می دانید، مرورگر Yandex بر اساس دو پروژه از قبل موجود دیگر، یعنی کروم، توسعه یافته است که به توسعه دهندگان آن اجازه می دهد تا تعدادی از پیشرفت ها را در مرورگر خود پیاده سازی کنند. در این برنامه ها بود که کنسول ظاهر شد که می توان از آن برای حل استفاده کرد طیف گسترده ایوظایف

این شامل:

• توسعه صفحات وب؛
• مشاهده کدهای سایت های بارگذاری شده؛
• بررسی عملکرد اسکریپت ها؛
• شناسایی خطاها و خرابی های سایت ها.

مهم! با در نظر گرفتن اهمیت چنین وظایفی، با اطمینان می توان کنسول را یکی از ابزارهای اصلی یک توسعه دهنده وب نامید.

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

چگونه باز کنیم؟

کنسول را باز کنید این مرورگرشما می توانید آن را به دو روش در یک زمان انجام دهید. اولی گرافیکی است که شامل استفاده از منوی اصلی مرورگر است، در حالی که دومی شامل استفاده از کلیدهای میانبر است. برای مبتدیان، اولین مورد مناسب ترین به نظر می رسد.

مشاوره! ممکن است به خاطر سپردن آنها برای کاربران مبتدی سخت باشد، اما استفاده از آنها به شما امکان دسترسی به آنها را می دهد ابزار مناسبخیلی سریعتر.

چندین کنسول در این مرورگر وجود دارد و هر کدام برای حل کردن کار می کنند وظایف خاص. برای دسترسی به آنها با استفاده از روش گرافیکی، باید فشار دهید دکمه مخصوص، دارای فرم سه راه راه های افقی، سپس بخش Advanced را انتخاب کنید. باید به دسته برود ابزارهای اضافی، پس از آن باید کنسول مورد نظر را انتخاب کنید.

کلیدهای فوری

به منظور صرفه جویی در زمان، استفاده از کلیدهای داغ در حالی که مرورگر در حال کار است بسیار راحت است، زیرا به شما امکان می دهد خیلی سریعتر به مرورگر بروید. مورد مورد نظریا منو همین امر در مورد کنسول‌ها نیز صدق می‌کند، هر کدام از آنها ترکیب کلید جداگانه‌ای برای تماس دارند.

بنابراین، به منظور مطالعه کد منبع موردی که در آن مشاهده می شود این لحظهدر صفحه، باید Ctrl+U را فشار دهید که بلافاصله این ابزار باز می شود. برای دسترسی به ابزارهای توسعه دهنده، باید سه کلید را همزمان فشار دهید: Ctrl+Shift+I. قابلیت های آن، به عنوان یک قاعده، برای کاربر معمولی که صفحات وب یا برنامه های کاربردی را توسعه نمی دهد، جالب نیست.

کنسول شاید مهمترین آنها باشد، زیرا مسئول عملکرد عناصر مختلف اسکریپت شده در صفحه است. هر گونه تبلیغات برنامه های کاربردی تعاملیو انواع دیگر محتوا با استفاده از اسکریپت ها کنترل می شوند، به همین دلیل است که به سختی می توان توانایی های این کنسول را بیش از حد ارزیابی کرد. برای دسترسی به آن، Ctrl+Shift+J را فشار دهید تا بتوانید کدهایی را که در صفحه استفاده شده است مشاهده کنید.

ویدیو برای کمک

Yandex نه تنها می تواند مفید باشد جستجوی راحتاطلاعات و خواندن سایت های اینترنتی جالب، بلکه به منظور ایجاد این منابع است.

برای این اهداف مجهز شده است عملکرد ویژه"ابزارهای توسعه" (اکنون در همه مرورگرها موجود است). این به کاربران Yandex کمک می کند تا وضعیت وب سایت خود را نظارت کنند:

• مشاهده کد HTML صفحه؛
• نظارت بر اجرای دستورات درخواستی بازدیدکنندگان؛
• مشاهده تمام اقداماتی که روی منبع انجام می شود.
• یادگیری درباره اشتباهات رایج، که هنگام اجرای اسکریپت ها بوجود می آیند.

چگونه می توانم کنسول را در Yandex باز کنم؟

باز کردن کنسول در Yandex آسان است. برای انجام این کار، باید این مراحل را دنبال کنید:

• به مرورگر خود بروید.
• روی منو کلیک کنید دسترسی سریع(دکمه تنظیمات مرورگر Yandex در گوشه سمت راست بالای کنترل پنل، نماد به شکل سه نوار موازی افقی).
• به آخرین مورد در لیست باز شده به نام «پیشرفته» یا «پیشرفته» (به انگلیسی «پیشرفته») به پایین بروید.
• باز خواهد شد لیست جدید، مورد «ابزارهای دیگر» (به انگلیسی «ابزارهای بیشتر») را پیدا کنید.
• در مرحله بعد، باید بین سه ویژگی یکی را انتخاب کنید: نمایش کد صفحه، ابزارهای توسعه دهنده و کنسول جاوا اسکریپت.

چگونه به سرعت کنسول را در Yandex باز کنیم؟

اگر می خواهید از عملکردهای فهرست شده مرورگر سریعتر استفاده کنید، می توانید از کلیدهای میانبر استفاده کنید:

• برای مشاهده کد صفحه، بلافاصله کلیدهای "Ctrl" و "U" را فشار دهید.
• برای استفاده از «ابزار توسعه‌دهنده»، «Shift»، «Ctrl» و «L» را با هم فشار دهید.
• برای باز کردن کنسول و مشاهده گزارش های خطا هنگام اجرای اسکریپت ها، بلافاصله کلیدهای "Shift"، "Ctrl" و "J" را فشار دهید.

چرا به یک کنسول جاوا اسکریپت نیاز دارید؟

این کنسول به کاربران مرورگر Yandex امکان نظارت بر کیفیت کار انجام شده توسط اسکریپت هایی را که در منابع اینترنتی که مشاهده می کنند ارسال می شود، ارائه می دهد. با استفاده از این تابع، توسعه دهندگان وب بر عملکرد اسکریپت های نوشته شده نظارت می کنند و از خطاهای ایجاد شده خلاص می شوند. می توانید با کنسول تماشا کنید گام به گام کاراسکریپت ها، اجرای هر نقطه از کد برنامه.

برای کاربران عادیمرورگر Yandex، داده های موجود در کنسولی که باز می شود به خصوص مفید نیستند (زیرا این اطلاعات برای آنها مورد نیاز نیست). اما در برخی موارد، دانستن نحوه استفاده از آن می تواند کمک کننده باشد. اگر هر منبع اینترنتی به درستی برای شما کار نمی کند، اغلب پیام های خطا ظاهر می شود، به طور کلی، شما نمی توانید از سایت استفاده کنید، با پشتیبانی فنی تماس بگیرید، جایی که آنها علت و راه حل مشکل را برای شما توضیح می دهند.

API خط فرمان Chrome DevTools شامل تعداد زیادی از توابع راحتبرای انجام کارهای ساده: انتخاب و بررسی عناصر DOM، نمایش داده ها در قالب قابل خواندن، اجرا و بررسی پروفایلر و مانیتورینگ رویدادهای DOM.

توجه داشته باشید:این API فقط در داخل کنسول موجود است. دسترسی پیدا کنید خط فرمان API از اسکریپت های موجود در صفحه امکان پذیر نیست.

$_

$_ مقدار آخرین عبارت اجرا شده را برمی گرداند.

مثال زیر به عبارت ساده (2 + 2) ارزیابی می شود. سپس $_ اجرا می شود و همان مقدار را به آن اختصاص می دهد:

در این مثال، عبارت اجرا شده حاوی آرایه ای از نام ها بود. اجرای $_.length طول آرایه را نشان می دهد و خود عبارت $_ مقدار آخرین عبارت اجرا شده را می گیرد که برابر با 4 است:

$0 – $4

دستورات $0، $1، $2، $3 و $4 به عنوان ارجاع به 5 عنصر DOM آخری که در پانل Elements مشاهده شده‌اند، یا به 5 شیء آخر JS از پشته‌ای که در پانل Profiles انتخاب شده‌اند، کار می‌کنند. $0 عنصر یا شیء انتخاب شده آخر را برمی گرداند، $1 عنصر قبل از خود را برمی گرداند و غیره.

در مثال زیر، یک عنصر از کلاس متوسط ​​در پنل Elements انتخاب شده است. در کنسول، $0 همان مقدار را گرفت:

در تصویر زیر عنصر دیگری در همان صفحه انتخاب شده است. $0 اکنون به این عنصر و $1 به عنصر قبلی اشاره دارد:

$(انتخاب کننده)

$(selector) یک مرجع به اولین عنصر DOM با انتخابگر CSS مشخص شده برمی گرداند. این تابع مخفف تابع document.querySelector() است.

کلیک کلیک راستماوس را روی نتیجه قرار دهید و "Reveal in Elements Panel" را برای جستجوی عنصر در DOM یا "Scroll in to View" را برای دیدن آن در صفحه انتخاب کنید.

توجه داشته باشید:اگر از کتابخانه هایی مانند jQuery استفاده می کنید که از نماد $ استفاده می کنند، از عملکرد آن کتابخانه استفاده می شود.

$$(انتخاب کننده)

$$(انتخابگر) آرایه ای از عناصر حاوی انتخابگر مشخص شده را برمی گرداند. این دستور معادل فراخوانی() document.querySelectorAll است.

مثال زیر از $$() برای ایجاد یک آرایه از همه عناصر استفاده می کند در سند و ویژگی src هر عنصر را برمی گرداند:

Var images = $$("img"); برای (هر کدام در تصاویر) (consol.log(images.src)؛ )

توجه داشته باشید: Shift + Enter را در کنسول فشار دهید تا به آن بروید خط جدیدبدون اجرای اسکریپت

$x (مسیر)

$x(path) آرایه ای از عناصر را برمی گرداند این بیان XPath.

این مثال تمام عناصر را برمی گرداند

$x("//p")

و این یکی همه عناصر است

عنصر حاوی :

$x("//p[a]")

واضح ()

clear() تاریخچه کنسول را پاک می کند.

Clear();

کپی (شیء)

copy(object) نمایش رشته ای از شی مشخص شده را در کلیپ بورد کپی می کند.

کپی ($0)؛

اشکال زدایی (عملکرد)

هنگامی که این تابع فراخوانی می شود، دیباگر فراخوانی می شود که به شما امکان می دهد آن را مرحله به مرحله در پنل Sources اجرا کنید.

اشکال زدایی (getData)؛

از unbug(fn) برای پایان دادن به اشکال زدایی یا رابط برای حذف تمام نقاط شکست استفاده کنید.

dir (شیء)

dir(object) فهرستی از تمام خصوصیات شی مشخص شده را نمایش می دهد. این متد جایگزینی برای متد console.dir() است.

مثال زیر تفاوت بین فراخوانی document.body در خط فرمان و استفاده از dir() برای نمایش همان عنصر را نشان می دهد:

سند.بدن; dir(document.body);

برای اطلاعات بیشتر، بخش console.dir() در API کنسول را بررسی کنید.

dirxml(شیء)

dirxml(object) یک نمایش XML از شی مشخص شده را خروجی می دهد. این متد معادل متد console.dirxml() است.

بازرسی (شیء/عملکرد)

inspect(object/function) باز می شود و عنصر یا شی مشخص شده را در پانل مناسب انتخاب می کند: Elements یا Profiles.

این مثال document.body را در پنل Elements باز می کند:

بازرسی (document.body);

وقتی تابعی را ارسال می کنید، سند را در پانل منابع باز می کند.

getEventListeners (شیء)

getEventListeners(object) تمام شنوندگان رویداد محدود شده به شی مشخص شده را برمی گرداند. مقدار بازگشتی یک شی است که حاوی آرایه‌هایی برای همه انواع رویدادهای یافت شده است (مثلاً «کلیک» یا «کلید داون»). عناصر هر آرایه اشیایی هستند که شنونده هر نوع را توصیف می کنند. مثلا، مثال بعدیتمام شنوندگان رویداد شی سند را چاپ می کند:

GetEventListeners (سند)؛

اگر یک شی بیش از یک شنونده متصل داشته باشد، آرایه حاوی عناصر برای هر یک از آنها است. برای مثال، در اینجا دو شنونده رویداد "Mousedown" متصل به عنصر #scrollingList هستند:

می توانید ویژگی های هر یک از این اشیاء را مشاهده کنید:

کلید (شیء)

keys(object) آرایه ای از نام ویژگی های شی را برمی گرداند. برای بدست آوردن مقدار خواص، از values() استفاده کنید.

فرض کنید برنامه شما شی زیر را اعلام می کند:

Var player1 = ("نام": "تد"، "سطح": 42)

اجازه دهید player1 به صورت سراسری اعلان شود، سپس کلیدهای (player1) و مقادیر (player1) موارد زیر را خروجی می‌دهند:

مانیتور (عملکرد)

هنگام تماس عملکرد مشخص شدهپیامی در کنسول نمایش داده می شود که نشان می دهد این تابع با آرگومان های مناسب فراخوانی شده است.

مجموع تابع (x, y) ( بازگشت x + y; ) monitor(sum);

برای لغو، از unmonitor(function) استفاده کنید.

monitorEvents(object, )

هنگامی که یکی از رویدادهای مشخص شده روی شی مشخص شده رخ می دهد، شی Event در کنسول نوشته می شود. شما می توانید یک رویداد خاص، آرایه ای از رویدادها، یا یکی از "انواع" رویداد را مشخص کنید. نمونه های زیر

کوئری زیر تمام تغییرات اندازه شی پنجره را نظارت می کند.

MonitorEvents (پنجره، "تغییر اندازه")؛

این پرس و جو همه رویدادهای "تغییر اندازه" و "پیمایش" را در شی پنجره نظارت می کند:

MonitorEvents (پنجره، ["تغییر اندازه"، "پیمایش"])

همچنین می توانید یکی از "انواع" رویدادهای موجود را از جدول زیر مشخص کنید:

به عنوان مثال، این پرس و جو همه رویدادهای نوع "key" را در یک عنصر انتخاب شده در پانل عناصر نظارت می کند:

MonitorEvents ($0، "key");

در اینجا نمونه ای از خروجی پس از تایپ کاراکترها در یک فیلد متنی آورده شده است:

profile() و profileEnd()

برای اجرای پروفایل:

نمایه ("نمایه من")

برای اتمام:

ProfileEnd ("نمایه من")

نمایه ها همچنین می توانند تو در تو باشند:

نمایه ("A"); پروفایل ("B"); profileEnd ("A"); profileEnd("B");

نتیجه:

توجه داشته باشید:نمایه‌ها می‌توانند همزمان اجرا شوند و لازم نیست به ترتیبی که ایجاد شده‌اند بسته شوند.

جدول (داده ها، )

خروجی داده های شی در قالب جدول. به عنوان مثال، برای نمایش لیستی از نام ها باید موارد زیر را انجام دهید:

Var names = ( 0: ( firstName: "John", lastName: "Smith" ), 1: ( firstName: "Jane", lastName: "Doe" ) ); جدول (نام)؛

رفع اشکال (عملکرد)

unbug(function) اشکال زدایی تابع مشخص شده را متوقف می کند.

رفع اشکال (getData)؛

unmonitor (عملکرد)

unmonitor(function) نظارت بر عملکرد مشخص شده را متوقف می کند.

Unmonitor(getData)؛

unmonitorEvents(object, )

unmonitorEvents(object, ) نظارت بر شی و رویدادهای مشخص شده را متوقف می کند:

UnmonitorEvents (پنجره);

همچنین می توانید نظارت بر رویدادهای فردی را متوقف کنید:

MonitorEvents ($0، "موس"); unmonitorEvents($0، "Moemove");

مقادیر (شیء)

values(object) آرایه ای را برمی گرداند که حاوی مقادیر تمام ویژگی های شی مشخص شده است.

بسیاری از افراد از مرورگرهایی استفاده می کنند که ما را با آنها یکی می کند شبکه جهانیاینترنت. با این حال، نحوه ساختار صفحات اینترنت، نحوه نوشتن آنها توسط خودتان - این اطلاعات فقط برای کسانی است که می خواهند چیز جدیدی ایجاد کنند. همه این ویژگی ها برای کاربران عادی پنهان شده است، همه به دلایل ساده و شهودی، اما در این مقاله به بررسی موضوع نحوه باز کردن کنسول در مرورگر Yandex، چرایی ایجاد آن، پشتیبانی از چه زبانی و موارد دیگر می پردازیم. . این مقاله نه تنها برای کاربران مرورگر Yandex توصیه می شود

چرا به کنسول در مرورگر نیاز دارید؟

سه دلیل برای ایجاد کنسول در مرورگر وجود دارد:

1. برای رفع اشکال خود مرورگر در مرحله طراحی.
2. برای آموزش متخصصان جوان در عملکردهای یک مرورگر خاص.
3. برای حرفه ای ها برای رفع اشکال صفحات اینترنتی خود در زمان واقعی.

افراد کمی می دانند، اما شما می توانید وب سایت خود را فقط با استفاده از 2 چیز بنویسید: دانش و یک دفترچه یادداشت. با این حال، این روش به شدت وقت شما را تلف می کند، زیرا باید پس از هر تغییر هر پارامتر، سند را دوباره ذخیره کنید. یک کنسول اشکال زدایی ویژه به کمک می آید - این یک فیلد خاص مرورگر است که حاوی مطلقاً تمام اطلاعات در مورد صفحه و کد منبع آن است. با کاوش در آن، می توانید چیزهای جالب زیادی از جمله خطاهای توسعه دهنده پیدا کنید. برای جلوگیری از اشتباه، از کنسول مرورگر استفاده کنید.

فرض کنید یک صفحه اینترنتی ایجاد کرده اید، اما باید تصویر را در ابعاد مورد نیاز تنظیم کنید، خروجی به کنسول می رسد که قابلیت دیباگ صفحه را به صورت بلادرنگ دارد که در زمان و تلاش بسیار صرفه جویی می کند. در قسمت بعدی مقاله به شما خواهیم گفت که چگونه کنسول را در مرورگر Yandex باز کنید. اگر یک وب مستر مبتدی هستید این دانش قطعا به شما کمک خواهد کرد.

نحوه باز کردن کنسول توسعه دهنده در Yandex

برای باز کردن کنسول شما نیاز دارید ترکیب خاصکلیدها اگر مستندات را برای هر مرورگری مطالعه کنید، متوجه خواهید شد که استفاده از ماوس حتی ضروری نیست. تعداد باورنکردنی میانبرهای صفحه کلید وجود دارد که می تواند تمام خواسته های شما را برآورده کند.

دستورالعمل نحوه باز کردن کنسول در مرورگر Yandex:

1. مرورگر را از Yandex راه اندازی کنید و سپس منتظر آن باشید بارگذاری کامل V رم، فقط چند ثانیه طول می کشد.
2. اکنون هر صفحه اینترنتی را باز کنید، به عنوان مثال، گوگل، اما اصلاً مهم نیست، هر کدام این کار را انجام خواهند داد.
3. برای باز کردن ابزار Yandex، کلیدهای زیر را فشار دهید: "Ctrl + Shift + I"
4. اگر می خواهید به طور خاص با جاوا اسکریپت کار کنید - این یک زبان برنامه نویسی است، باید کلیدهای زیر را نگه دارید: "Ctrl + Shift + J"

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

باز کردن کنسول در سایر مرورگرها

اول از همه، شایان ذکر است: سعی نکنید از کلیدهای ترکیبی یکسان در مرورگرهای مختلف استفاده کنید. موارد زیادی وجود داشته است که کاربران به اشتباه تمام نشانک های خود را حذف کرده اند و بازگرداندن آنها می تواند کاملاً مشکل ساز و گاهی غیرممکن باشد. بنابراین، در زیر نمونه هایی از نحوه باز کردن صحیح کنسول ها آورده شده است.

1. گوگل کروم. دو گزینه وجود دارد: به تنظیمات بروید، جایی که یک دکمه برای باز کردن کنسول وجود دارد، یا کلید ترکیبی "Ctrl + Shift + I" را فشار دهید.
2. اپرا. در منوی "ابزارهای توسعه" یک دکمه وجود خواهد داشت " منبع"، یا کلید ترکیبی "Ctrl + U".
3. فایرفاکس. در تنظیمات مرورگر، "Ctrl + Shift + J" را انتخاب کنید.
4. سافاری. F12، یا به "افزونه ها" بروید، جایی که "نمایش منو برای توسعه دهنده" وجود دارد.

سرانجام

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

با استفاده از کنسول در مرورگر، کاربر خطاهایی را که هنگام بارگذاری صفحات رخ می دهد مشاهده می کند. او می تواند با این صفحه کار کند که شامل انجام اقدامات مختلف دستوری بر روی آن است.

با کمک چنین "ابزاری" در مرورگر، می توانید به سرعت از شر خرابی در عملکرد اسکریپت ها در یک صفحه وب خلاص شوید. این باعث صرفه جویی در زمان زیادی برای کاربر می شود.

برای اینکه بتوانید از ابزار مرورگر استفاده کنید، اولین کاری که باید انجام دهید این است که آن را راه اندازی کنید. چگونه کنسول را در اپرا باز کنیم؟

انواع خطاها

در حال حاضر برنامه نویسان وب مجبور نیستند مغز خود را در مورد نوع مشکلی که در مرورگر ایجاد شده است بررسی کنند. با استفاده از "ابزار" می توانید تمام اطلاعات مربوط به آن را نمایش دهید.

هنگامی که کنسول را باز می کنید، پنجره ای ظاهر می شود که در آن تجزیه و تحلیل صفحه نمایش داده می شود. پنجره ای که باز می شود دارای پنج تب است: JS، HTTP، CSS، About، DOM.

دستورالعمل ها

ترتیب دهی:

• مرورگر Opera را باز کنید و به منوی واقع در گوشه سمت چپ بالای صفحه بروید.
• ما به دنبال بخش "ابزار" می گردیم و روی آن کلیک می کنیم.
• "Advanced" را انتخاب کرده و "کنسول" را باز کنید.

پس از انجام این مراحل، پنجره ای در مرورگر ظاهر می شود که در آن تمام خطاهایی که هنگام راه اندازی سایت ها رخ داده است باز می شود.

بیشتر وجود دارد راه سریعباعث ایجاد خطا در Opera باید کلید ترکیبی "Ctrl+Shift+I" را فشار دهید. پنجره ای باز می شود که در آن باید روی بخش "کنسول" کلیک کنید.