Блог порад на всі випадки життя

Довела до сліз. Стало відомо про дівчинку, яка під час перформансу на параді розчулила всіх

Як відкрити консоль в Мозіль: поради та рекомендації

Браузер Мозилла надає безліч різних інструментів для роботи і для поліпшення його діяльності. Одне з таких поліпшень дає можливість працювати з консоллю всього браузера.

Що таке консоль в браузері

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

Інструмент протоколює інформацію не тільки окремої вкладки, але і доповнень, а також коду самого пошукача. Для використання інших поліпшень, які доступні в стандартних наборах для веб-розробки, варто вдатися до використання Панелі інструментів. Також консоль використовується для виконання різних виразів ДжаваСкрипт.

Варто враховувати, що починаючи з 30 цей рядок Firefox відключена. Для того щоб запустилася консоль в Mozilla потрібно присвоїти рядку about: config – devtools.chrome.enabled код true. Також для активації поліпшення можна скористатися іншим способом.

Необхідно поставити галочку поруч з графою «Включити інструменти налагодження Browser Chrome і доповнень» для Firefox 40, в попередніх версія назва цієї графи може трохи відрізнятися.

Після відкриття вікна розробника можна побачити, що інтерфейс ділитися на 3 частини:

  • Панель – розміщена у верхній області. Там розташовуються кнопки типу Мережа »(« Net »),« CSS »,« JS »та інші. Вона служить для фільтрації повідомлень.
  • Командний рядок – цей рядок призначена для введення кодів ДжаваСкрипт.
  • Поле виведення повідомлень – воно розташовується між панеллю і рядком. У це поле виводяться системні повідомлення.

Особливості роботи в режимі веб-розробника

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

Один з вельми корисних інструментів – console.log. Він служить для налагодження виведення, але просунуті користувачі також вдаються до декільком іншим методам роботи з інформацією. Наприклад, принцип роботи console.log досить сильно схожий з printf.

Також в Фаерфокс є можливість використовувати патерн «% c», для застосування другого аргументу при форматуванні стилю. У Мозілли відобразитися невелика іконка сірого кольору поруч з інформацією, а саме попередженнями або повідомленнями про помилку. Це означає, що ці повідомлення вимагають уваги. Повідомлення налагодження в цьому пошукачі не позначаються, так як, на думку розробників, вони застаріли і замість них потрібно використовувати console.log ().

Варто відзначити, що в цьому пошуковику можна використовувати відразу кілька значень. Для цього потрібно розділити їх комами, що вельми зручно при включенні на одному рядку.

Використання таймера і збереження стану

Включений режим розробника на увазі можливість використання таймера. Його можна запускати через console.time. Зупинка таймера проводитися за допомогою console.timeEnd. Час відображається в мілісекундах.

Відлік часу починається з того моменту, як таймер був активований. Додатково можна створити мітки часу. Вони використовуються разом з розрахунком часу трафіку HTTP, для визначення часу за яке була виконана частина коду.

Досить часто для довідки або відстеження логів потрібно зберегти інформацію. Для збереження стану або даних відображаються між відкриттям сторінки не потрібно нічого робити. Фаерфокс збереже цю інформацію автоматично. Ви навіть зможете очистити повідомлення після активації кнопки в правому верхньому кутку або ж заново відкривши панель.

Відкрити консоль в Мозилла Фаерфокс досить просто. Для це потрібно володіти елементарними навичками, які допоможуть контролювати роботу браузера і навіть поліпшити її при необхідності.

Ссылка на основную публикацию