ไม่กี่วันที่ผ่านมา ทีมพัฒนา Firefox DevTools เปิดตัว WebSocket Inspector ใหม่ สำหรับ Firefox มีแผนจะออกสำหรับ Firefox เวอร์ชัน 71. คุณลักษณะใหม่ มีให้ใช้งานในรูปแบบ API และช่วยให้คุณสร้างการเชื่อมต่อแบบต่อเนื่องระหว่างไคลเอนต์และเซิร์ฟเวอร์
เนื่องจาก API ส่งและรับข้อมูลได้ตลอดเวลา ส่วนใหญ่จะใช้ในแอปพลิเคชันที่ต้องการการสื่อสารแบบเรียลไทม์ ตามที่ผู้พัฒนาฟังก์ชั่นแม้ว่าจะสามารถทำงานกับ API ได้โดยตรง แต่ไลบรารีที่มีอยู่บางส่วนก็มีประโยชน์และประหยัดเวลา ไลบรารีเหล่านี้สามารถช่วยในการเชื่อมต่อพร็อกซีการพิสูจน์ตัวตนและการอนุญาตล้มเหลวความสามารถในการปรับขนาดและอื่น ๆ
ปัจจุบัน Firefox DevTools WebSocket Inspector รองรับ Socket.IO และ SockJS และตามทีมพัฒนาสื่ออื่น ๆ จะได้รับการสนับสนุนในเร็ว ๆ นี้รวมถึง SignalR และ WAMP
WebSocket สารวัตร เป็นส่วนหนึ่งของอินเทอร์เฟซผู้ใช้ของแผง "เครือข่าย" ใน DevToolsแม้ว่าคุณจะกรองเนื้อหาสำหรับการเชื่อมต่อ WS แบบเปิดในแผงควบคุมนี้ได้แล้ว แต่จนถึงขณะนี้ยังไม่มีความเป็นไปได้ที่จะเห็นข้อมูลจริงที่ถ่ายโอนผ่านเฟรม WS
เกี่ยวกับ WebSocket Inspector
ปัจจุบัน 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 Developer Edition บน 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