เข้าถึงเซิร์ฟเวอร์ภายในและอินสแตนซ์ของ Chrome ด้วยการส่งต่อพอร์ต

Kayce Basques
Meggin Kearney
Meggin Kearney
Sofia Emelianova
Sofia Emelianova
GitHub

คุณใช้การส่งต่อพอร์ตเพื่อทำสิ่งต่อไปนี้ได้

  • กรณี 1 แก้ไขข้อบกพร่องของแท็บที่เปิดอยู่ในอินสแตนซ์ Chrome อื่น
  • กรณี 2 โฮสต์เว็บไซต์ในเว็บเซิร์ฟเวอร์ของเครื่องสำหรับพัฒนา จากนั้นเข้าถึงเนื้อหาจากอุปกรณ์ Android ผ่านสาย USB

ในกรณี 2 การกําหนดค่าการกําหนดค่าพอร์ตใหม่จะทํางานผ่านพอร์ต TCP ที่รอรับฟังในอุปกรณ์ Android ซึ่งแมปกับพอร์ต TCP ในเครื่องพัฒนาซอฟต์แวร์ การรับส่งข้อมูลระหว่างพอร์ตจะเดินทางผ่านการเชื่อมต่อ USB ระหว่างอุปกรณ์ Android กับเครื่องสำหรับพัฒนาซอฟต์แวร์ ดังนั้นการเชื่อมต่อจึงไม่ขึ้นอยู่กับการกำหนดค่าเครือข่าย

นอกจากนี้ หากเว็บเซิร์ฟเวอร์ใช้โดเมนที่กำหนดเอง คุณสามารถตั้งค่าอุปกรณ์ Android ให้เข้าถึงเนื้อหาในโดเมนนั้นได้โดยใช้การแมปโดเมนที่กำหนดเอง

ตั้งค่าการส่งต่อพอร์ต

ทำตามขั้นตอนถัดไปโดยขึ้นอยู่กับกรณีของคุณ

กรณี 1: ตั้งค่าการส่งต่อพอร์ตไปยังอินสแตนซ์ Chrome อื่น

  1. เรียกใช้อินสแตนซ์ Chrome อื่นด้วยพารามิเตอร์ --remote-debugging-port=PORT เช่น

    MacOS

    open -a "Google Chrome" --args --remote-debugging-port=PORT

    Windows

    start chrome --remote-debugging-port=PORT

    Linux

    google-chrome --remote-debugging-port=PORT

  2. ในอินสแตนซ์ Chrome ที่คุณแก้ไขข้อบกพร่องอยู่ ให้ทำดังนี้

    1. เปิด chrome://inspect/#devices
    2. ตรวจสอบว่าได้เลือก ช่องทำเครื่องหมาย Discover network targets แล้ว
    3. คลิกกําหนดค่าข้างช่องทําเครื่องหมาย

    4. ในการตั้งค่าการค้นพบเป้าหมาย ให้ป้อน localhost:PORT เลือก ช่องทำเครื่องหมาย เปิดใช้การส่งต่อพอร์ต แล้วคลิกเสร็จสิ้น