Firefox Quantum
Кілька днів тому команда розробників Firefox DevTools представила новий Інспектор WebSocket для Firefox, планується випустити для Firefox версії 71. Нова функція доступний як API і дозволяє створити стійке з'єднання між клієнтом і сервером.
Оскільки API надсилає та отримує дані в будь-який час, В основному він використовується в додатках, які вимагають спілкування в режимі реального часу. На думку розробників функції, хоча можна безпосередньо працювати з API, деякі існуючі бібліотеки корисні та економлять час. Ці бібліотеки можуть допомогти з підключенням, проксі, помилками автентифікації та авторизації, масштабованістю тощо.
На даний момент Firefox DevTools WebSocket Inspector підтримує Socket.IO та SockJS За словами команди розробників, найближчим часом підтримку отримають інші ЗМІ, включаючи SignalR та WAMP.
Інспектор WebSocket це частина користувальницького інтерфейсу панелі "Мережа" в DevToolsХоча ви вже могли фільтрувати вміст для відкритих з'єднань WS на цій панелі, але до цього часу не було можливості побачити фактичні дані, передані через кадри WS.
Про Інспектор WebSocket
В даний час новий WebSocket Inspector підтримує Socket.IO, SockJS та JSON і за словами команди розробників, поступово отримувати більше підтримки, включаючи SignalR та WAMP. Корисні дані на основі цих протоколів аналізуються та відображаються як дерево, що розширюється, для зручності перевірки. Однак ви все ще можете бачити вихідні дані (як подано у стрічці).
Інспектор WebSocket Він має користувальницький інтерфейс, який пропонує нову панель «Повідомлення» за допомогою яких можна перевірити кадри WS, надіслані та отримані через вибране з'єднання WS.
На цій панелі повідомлень ", дані надісланого кадру відображаються зеленою стрілкою, а отримані кадри відображаються червоною стрілкою. Щоб зосередити увагу на конкретних повідомленнях, можна фільтрувати кадри.
Хоча стовпці "Дані" та "Час" відображаються за замовчуванням, тим часом вони пропонують варіанти налаштування інтерфейсу для відображення більшої кількості стовпців, клацнувши правою кнопкою миші на заголовку. Коли ви вибираєте блок зі списку, попередній перегляд відображається внизу панелі "Повідомлення".
З іншого боку, ви також можете використовувати кнопку Пауза / Відновити на панелі інструментів панелі Мережа, щоб зупинити переривання руху.
команда Firefox DevTools все ще працює над деякими пунктами цієї версії. Сюди входять: зручний переглядач двійкових даних, що вказує на замкнуті з'єднання, більше протоколів (SignalR та WAMP, як згадувалося вище), та експорт кадрів.
WebSocket Inspector продовжує вдосконалюватися, але команда FireTox DevTools вже зробив це доступним для розробників, які хочуть спробувати до дати доставки. Інспектор WebSocket Зараз він доступний у Firefox Developer Edition 70. Він буде випущений у Firefox 71. Для деяких розробників це основне вдосконалення браузера Firefox.
Як встановити Видання розробника Firefox для Ubuntu та похідних?
Для тих, хто зацікавлений у використанні WebSocket Inspector зараз, просто завантажте та встановіть Firefox Developer Edition.
Для цього перше, що їм доведеться зробити, це відкрийте термінал у вашій системі (вони можуть це зробити за допомогою комбінації клавіш Ctrl + Alt + T) і в ній ми збираємося ввести наступну команду, щоб додати наступне сховище до системи.
sudo add-apt-repository ppa:ubuntu-mozilla-daily/firefox-aurora -y sudo apt update
Тепер просто ми повинні виконати таку команду в терміналі:
sudo apt install firefox
Якщо ви не хочете додавати сховище або видалити їх версію Firefox, яку вони мають у системі, можете завантажити пакет Firefox Developer Edition, за посиланням нижче.
Після того, нам просто потрібно розпакувати пакет, Це можна зробити з терміналу за допомогою наступної команди:
tar xjf firefox-71.0b2.tar.bz2
Потім ми входимо в каталог з:
cd firefox
І вони запускають браузер з наступною командою:
./firefox