幾天前 Firefox DevTools開發團隊發布了新的WebSocket檢查器 對於Firefox, 計劃針對Firefox 71版本發布。 新功能 可作為API使用 並允許您在客戶端和服務器之間創建持久連接。
由於API可隨時發送和接收數據, 它主要用於需要實時通信的應用程序中。 根據該功能的開發人員的觀點,儘管可以直接使用API,但是某些現有的庫很有用,並且可以節省時間。 這些庫可以幫助解決連接,代理,身份驗證和授權失敗,可伸縮性等問題。
Firefox DevTools WebSocket檢查器當前支持Socket.IO和SockJS 根據開發團隊的說法,很快將支持其他媒體,包括SignalR和WAMP。
WebSocket檢查器 它是DevTools中“網絡”面板的用戶界面的一部分儘管您可以在此面板中為打開的WS連接過濾內容,但是直到現在,仍無法查看通過WS幀傳輸的實際數據。
關於WebSocket檢查器
新的WebSocket檢查器當前支持Socket.IO,SockJS和JSON 根據開發團隊的說法, 逐漸有更多的支持,包括SignalR和WAMP。 分析基於這些協議的有用數據,並將其顯示為可擴展的樹,以便於檢查。 但是,您仍然可以看到原始數據(在Feed中提交)。
WebSocket檢查器 它具有一個提供新《消息》面板的用戶界面 可用於檢查通過所選WS連接發送和接收的WS幀。
在此面板中 的郵件”, 發送的幀數據用綠色箭頭顯示,接收的幀用紅色箭頭顯示。 為了專注於特定消息,可以過濾框架。
默認情況下,“數據”和“時間”列是可見的, 同時,它們提供了一些選項,可以通過右鍵單擊標題來定制界面以顯示更多列。 當從列表中選擇一個塊時,預覽將顯示在“消息”面板的底部。
另一方面,您也可以使用“網絡”面板工具欄上的“暫停/繼續”按鈕停止流量中斷。
團隊 Firefox DevTools在此版本的某些方面仍在工作。 其中包括:方便的二進制數據查看器,用於指示已關閉的連接,更多協議(如上所述的Signalal和WAMP)以及幀的導出。
WebSocket Inspector持續改進,但FireTox DevTools小組 已經將其提供給想要嘗試的開發人員 交貨日期之前。 WebSocket檢查器 它現在在Firefox Developer Edition 70中可用。 它將在Firefox 71中發布。對於某些開發人員,這是對Firefox瀏覽器的重大增強。
如何安裝 在Ubuntu及其衍生產品上的Firefox開發人員版?
對於那些有興趣立即使用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