Веб-консоль - інструменти розробника firefox, mdn

Переклад не виконано. Будь ласка, допоможіть перевести цю статтю з англійської.

Це частина заміни старої Консолі Помилок. вбудованої в Firefox. Стара Консоль Помилок виводила помилки, попередження і повідомлення від усіх веб-сторінок, помилки самого виконання самого браузера і його доповнень. Через це було важко виділити, повідомлення від конкретної сторінки. Нова Веб-консоль завжди прив'язана до певної веб-сторінці і показує тільки пов'язану з нею інформацію.

На іншій половині Консолі помилок замінили - Консоль браузера. яка виводить помилки, попередження і повідомлення від коду браузера і від доповнень.

Як відкрити Веб Консоль

Щоб відкрити Веб-консоль, виберіть «Веб-консоль» в меню (Веб-) розробка в Меню Firefox (або меню Інструменти, якщо Ви налаштували показувати панель меню або Ви працюєте на Mac OS X), або натисніть її комбінацію клавіш Ctrl Shift K (Command Option K в OS X).

Внизу вікна браузера з'явиться Набір інструментів з обраної Веб-консоллю (в Панелі інструментів розробника вона називається просто «Консоль»):

Веб-консоль - інструменти розробника firefox, mdn

Більшу частину Веб-консолі займає поле виведення повідомлень:

Веб-консоль - інструменти розробника firefox, mdn

В поле виведення повідомлень можна побачити:

Кожне повідомлення показується в окремому рядку:

Час коли повідомлення було записано. Починаючи з Firefox 28 і новіше, за замовчуванням час повідомлення не виводиться. Але при необхідності можна змінити цю поведінку активувавши висновок часу в настроках Інструментів.

Для все повідомлень за винятком HTTP запитів і інтерактивного input / output, іконка означає тип повідомлення: помилка (X), попередження (!), Або просто інформаційне повідомлення (i).

Кількість повторів (Occurrences)

Якщо рядок яка генерує попередження або помилку виконується більше одного разу, то на поле повідомлень вона потрапить тільки один раз, але поруч з'явиться лічильник який вкаже скільки разів це повідомлення було виведено в поле повідомлень.

Файл та номер рядка
(Filename: Line number)

Починаючи з Firefox 36, повідомлення також включає в себе в номер колонки в рядку.

За замовчуванням консоль очищається кожен раз коли ви відкриваєте нову сторінку або перезавантажує поточну. Щоб перевизначити цю поведінку, активуйте опцію "Enable persistent logs" в Настройках.

HTTP запити

HTTP запити записуються наступним чином:

Версія і статус HTTP протоколу, час виконання запиту.

Натиснувши мишкою на повідомлення ви побачите наступне вікно з більш детальною інформацією про запит і відповіді на нього:

Веб-консоль - інструменти розробника firefox, mdn
Прокрутка вниз показує заголовки відповіді. За замовчуванням веб-консоль не записує в журнал запит і відповідь тіла. щоб зробити це. увійдіть в контекстне меню веб-консолі і виберіть "Log Request and Response Bodies", перезавантажте сторінку. а потім ви побачите їх у вікні "Inspect Network Request".

Тільки перший мегабайт даних реєструється для кожного запиту або відповіді тіла, тому дуже великі запити і відповіді будуть обрізані.

Повідомлення журналу мережі не відображаються за замовчуванням. Використовуйте filtering щоб показати їх.

З Firefox 38 і далі, веб-консоль показує, коли мережевий запит був зроблений як XMLHttpRequest:

Крім того, з Firefox 38 і далі, ви можете filter мережеві запити так. щоб тільки бачити XMLHttpRequests.

Як і звичайний журнал запиту мережевих повідомлень. журнали запити XMLHttpRequest не відображаються за замовчуванням. Використовувати filtering feature to show them.

CSS помилки, повідомлення і переформатування повідомлення

CSS повідомлення виглядають так:

За замовчуванням, CSS попередження і реєстрування повідомлень не відображаються.

Відправлення-події

Переформатування події реєструються як "Журнал" повідомлень. на відміну від помилок CSS або попереджень. За замовчуванням вони відключені. Ви можете включити їх, натиснувши на кнопку "CSS" в toolbar і вибрати "Журнал".

Кожне повідомлення маркується "переформатування" і показує час, необхідний для виконання переформатування:

Натисніть на посилання. щоб відкрити файл в Debugger.

Синхронні та асинхронні переформатування

Через це, ця хороша ідея уникнути чергування читання і записи викликів вище зазначених основ стилів. коли впливає DOM. тому що кожен раз, коли ви повертаєте стиль, який був недійсним в раніше викликаних записи. ви примушуєте до синхронного переформатування.

Попередження безпеки і помилки

Попередження безпеки і помилки виглядають наступним чином:

Повідомлення безпеки показані в веб-консолі допомагають розробникам знайти потенційні або фактичні уразливості в своїх сайтах. Крім того, багато хто з цих повідомлень допомагають учням розробникам. тому що вони закінчуються "Докладною" посиланням провідною вас на сторінку з довідковою інформацією та рекомендаціями для пом'якшення цієї проблеми.

Повний список повідомлень безпеки виглядає наступним чином:

Blocked loading mixed active content

Сторінка містить змішані активні частки. тобто. головна сторінка була подана через HTTPS. але попросив браузер для завантаження "активні частки". такі як скрипти. через HTTP. Браузер заблокував активні частки. Дивіться Mixed Content щоб дізнатися докладніше.

Blocked loading mixed display content

Сторінка містить змішане відображення часткою. тобто. головна сторінка була подана через HTTPS. але попросив браузер. щоб завантажити "відображення часткою". таких як зображення. через HTTP. Браузер заблокував ці відображення часткою. Дивіться Mixed Content щоб дізнатися докладніше.

Loading mixed (insecure) active content on a secure page

Сторінка містить змішані активні частки. тобто. головна сторінка була подана через HTTPS. але попросив браузер для завантаження "активні частки". такі як скрипти. через HTTP. Браузер завантажив ці активні частки. Дивіться Mixed Content щоб дізнатися докладніше.

Loading mixed (insecure) display content on a secure page

Сторінка містить змішане відображення часткою. тобто. головна сторінка була подана через HTTPS. але попросив браузер. щоб завантажити "відображення часткою". таких як зображення. через HTTP. Браузер завантажив ці відображення часткою. Дивіться Mixed Content щоб дізнатися докладніше.

This site specified both an X-Content-Security-Policy / Report-Only header and a Content-Security-Policy / Report-Only header. The X-Content-Security-Policy / Report-Only header (s) will be ignored.

Дивіться Content Security Policy щоб дізнатися докладніше.

The X-Content-Security-Policy and X-Content-Security-Report-Only headers will be deprecated in the future. Please use the Content-Security-Policy and Content-Security-Report-Only headers with CSP spec compliant syntax instead.

Дивіться Content Security Policy щоб дізнатися докладніше.

Сторінки, що містять реєстраційні форми повинні бути подані через HTTPS. а не HTTP.

Форми. містять поля пароля повинні представити їх через HTTPS. а не HTTP.

плаваючі фрейми. містять реєстраційні форми повинні бути подані через HTTPS. а не HTTP.

The site specified an invalid Strict-Transport-Security header.

Нове в Firefox 36

This site makes use of a SHA-1 Certificate; it's recommended you use certificates with signature algorithms that use hash functions stronger than SHA-1.

Сайт використовує сертифікат чий підпис використовує алгоритм хешування SHA-1.

SHA- 1 як і раніше до сих пір широко використовується в сертифікатах. але він починає показувати свій вік. Веб-сайтам і центрам сертифікації рекомендується перейти на більш сильні хеш-алгоритми в майбутньому. Дивіться Weak Signature Algorithm статті розповідається докладніше.

Зверніть увагу. що сертифікат SHA- 1 не може бути власним сертифікат му вашого сайту. але може свідчити про приналежність до сертифікації, яка використовувалася для підпису сертифікату вашого сайту.

Bug 863874 це мета- помилка для реєстрації відповідних повідомлень про проблеми безпеки в веб-консоль. Якщо у вас є ідеї для корисних функцій, таких як ті, що обговорювані тут. або зацікавлені у сприянні. перевірте мета-помилку і її залежності.

Повідомлення консолі API


This section describes the Web Console output for those console API calls that actually result in output. For more general documentation on the console API, please refer to its documentation page.

From Firefox 40 onwards, the Web Console can display console messages from Shared Workers. Service Workers. and Chrome Workers. Check the relevant options in the Filtering dropdown menu to see them.

Повідомлення про помилки

Дякуємо! Будь ласка, перевірте свою папку "Вхідні" для підтвердження підписки.

Якщо ви раніше не підтверджували підписку на розсилку новин Mozilla, то вам, можливо, доведеться зробити це. Будь ласка, перевірте папку Вхідні або Спам в своїй поштовій скриньці, щоб подивитися, чи не настав від нас лист.

Приховати підписку на розсилку новин

Чому MDN виглядає інакше?

MDN змінюється, фокусуючись тільки на документуванні веб-технологій. Все той же відмінний контент залишиться тут; ми міняємо тільки візуальні елементи і навігацію, щоб допомогти вам швидше знаходити документацію по веб-технологіям.

Але не хвилюйтеся, MDN і Mozilla як і раніше разом. За фактом, ми оновлюємо тільки оформлення MDN, щоб відповідати новому лого і квітам Mozilla.

Прочитайте більше про редизайн в пості на нашому блозі. Дякуємо за використання MDN!

Приховати повідомлення про редизайн