Как да отворите конзолата на браузъра на Chrome, Safari, Firefox и Edge

Най-честата причина, поради която потребителите искат да отворят конзолата на браузъра си, е да идентифицират проблеми с редактирането на страници, счупени елементи на интерфейса, неправилни блокове и други видове грешки и конфликти на JavaScripts. Всеки браузър обаче има свои собствени преки пътища и стъпки, които в крайна сметка ще ви позволят да отворите конзолата и да видите задния край на уеб страница, която посещавате.

Как да отворите конзолата на вашия браузър по подразбиране

Тъй като има само четири различни браузъра с над 5% пазарен дял (Chrome, Safari, Edge и Firefox), ще ви покажем множество начини за отваряне на конзолата на всеки от тях. Но имайте предвид, че при всеки браузър елементите и грешките обикновено са цветово кодирани и обозначени по различен начин.

Как да отворите конзолата в Google Chrome

В Chrome всъщност има три различни начина, които ще ви позволят да отворите вградената конзола.

Независимо от компилацията на Chrome, която използвате, можете да използвате един от тези преки пътища, за да отворите и затворите вградената конзола:

• F12
• Ctrl + Shift + J (Cmd + Option + J на ​​Mac)

Имайте предвид, че същите преки пътища могат да се използват и за скриване на конзолата. По подразбиране конзолата на Google Chrome заема точно половината от екрана, но можете лесно да регулирате съотношението чрез плъзгача в средата и браузърът ще запомни модификацията при следващото отваряне на конзолата.

Ако искате да се съсредоточите върху определен елемент, можете просто да го маркирате с мишката и след това да щракнете с десния бутон върху него> Огледайте. Това ще отвори Елементи раздела и Стилове раздел на конзолата, което ви позволява да се съсредоточите върху елемента под ръка.

Проверка на елемент с конзолата на Google Chrome

Можете обаче да получите достъп до конзолата и чрез GUI менюто на Google Chrome. За да направите това, просто кликнете върху бутона за действие в горния десен ъгъл и отидете на Още инструменти> Инструменти за програмисти .

Инструменти за разработчици

Ако искате да работите възможно най-ефективно, ето списък с Преки пътища на конзолата на Chrome които можете да използвате.

Как да отворите конзолата в Google Microsoft Edge

Както всеки друг браузър, Microsoft Edge също има конзолен инструмент, предназначен за разработчици, които правят интерактивно отстраняване на грешки или ad hoc тестване.

Този инструмент регистрира информация, свързана с посещаваната уеб страница. Ще намерите информация, свързана с Javascript, мрежови заявки и грешки в сигурността .

Лесният начин за отваряне на конзолния инструмент на Microsoft Edge е чрез използване на предварително зададения пряк път ( F12 ключ ).

Но можете да го направите и чрез менюто на GUI, като щракнете върху бутон за действие (горе вляво)> Още инструменти> Инструменти за програмисти .

Отваряне на инструментите за разработчици в Edge чрез менюто на GUI

И подобно на функционалността на останалите браузъри, Microsoft Edge също ви позволява да инспектирате конкретни елементи с помощта на вградената конзола. За да направите това, просто изберете и щракнете с десния бутон върху елемент и изберете Инспектирай елемента.

Проверка на елемент в Microsoft Edge

Ето списък с някои полезни преки пътища, които можете да използвате във вградената конзола на Microsoft Edge:

Как да отворите конзолата в Mozilla Firefox

Вградената конзола на Mozilla Firefox работи малко по-различно от другите еквиваленти, които анализирахме досега. Това, което искам да кажа с това, е, че той автоматично ще се отвори в самостоятелен прозорец, вместо да разделя екрана на вашия браузър наполовина.

Това позволява по-продуктивен подход за хората с втори екран, но може да попречи на потребителите, които трябва да работят с един малък екран. (Ако сте в този сценарий, можете да използвате клавишната комбинация Alt + Tab, за да циклирате напред-назад между Firefox и свързаната конзола на браузъра.

За да отворите вградената конзола на браузъра в Mozilla Firefox, имате три възможности:

• Можете да използвате универсалния пряк път - Ctrl + Shift + J (или Cmd + Shift + J на Mac)
• Можете да го отворите от менюто за действие - Като кликнете върху менюто за действие> Уеб разработчик> Конзола на браузъра .

Достъп до конзолата на браузъра

• Или можете да принудите браузърната конзола да се отвори директно, като стартирате Firefox от командния ред и предадете аргумента ‘-jsconsole’:

  /Applications/FirefoxAurora.app/Contents/MacOS/firefox-bin -jsconsole

Забележка: Firefox също включва Уеб конзола , което е много подобно на конзолата на браузъра, но се прилага в отделен раздел за съдържание, а не в целия браузър.

Как да отворите конзолата в Google Safari

За разлика от всеки друг браузър, който разгледахме досега, конзолата за грешки в Safari е деактивирана по подразбиране. Поради това ще трябва да направите допълнителна стъпка, за да я активирате в браузъра си.

За да направите това, отворете Safari и кликнете върху Предпочитания раздел. След като влезете в Предпочитания , щракнете върху раздела Разширени и поставете отметка в квадратчето, свързано с Покажи Разработване меню в лентата с менюта.

Активиране на конзолата в Safari

След като направите конзолата видима, можете да я отворите, като влезете в Развийте в горната част и щракнете върху Показване на конзолата за грешки .

Показване на конзолата за грешки в Safari

Имайте предвид това Сафари има динамичен начин за показване на конзолата за грешки. Ако прозорецът е малък, когато отворите конзолата, ще го видите в съвсем различен прозорец.

В случай, че искате да отворите конзолата в същия прозорец като вашата страница, ще трябва да се уверите, че прозорецът на браузъра е в пълен размер, преди да отворите конзолата за грешки.

Отваряне на конзолата за грешки в Safari