通过Chrome DevTools远程调试你的用户浏览器:browser-remote

jopen 9年前

通过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.open-open.com/lib/view/home/1433316605088