通過Chrome DevTools遠程調試你的用戶瀏覽器：browser-remote

jopen 9年前發布 | 53K 次閱讀 程序調試 browser-remote

通過Chrome DevTools遠程調試你的用戶瀏覽器

explainer

This is an example of how browser remote debugging can be used to help customers having problems by enabling support agents to remote debug their browser.

explainer


How does it work?

explainer

How to get started?

To get started to need to have three pieces going:

  1. A simple gateway that acts like a proxy between Chrome and Chrome DevTools.
  2. The user need to install a little extension to allow access to Chrome debugger, and to connect to the gateway.
  3. The agent needs to open the dashboard to connect Chrome DevTools to the user.

Gateway

  1. Runnpm install
  2. Runnpm start

Customer

  1. Install chrome extension by using the "Load unpacked extension" option
  2. Openexample/index.htmlin Chrome.
  3. Click "I need help"

Agent

  1. Openhttps://localhost:8000/json
  2. Find thedevtoolsUrlproperty for the connected client
  3. Open thedevtoolsUrlurl in Chrome
  4. Bam!

項目主頁：http://www.baiduhome.net/lib/view/home/1433316605088

 本文由用戶 jopen 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！