通过Chrome DevTools远程调试你的用户浏览器:browser-remote
jopen
9年前
通过Chrome DevTools远程调试你的用户浏览器
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.
How does it work?
How to get started?
To get started to need to have three pieces going:
- A simple gateway that acts like a proxy between Chrome and Chrome DevTools.
- The user need to install a little extension to allow access to Chrome debugger, and to connect to the gateway.
- The agent needs to open the dashboard to connect Chrome DevTools to the user.
Gateway
- Runnpm install
- Runnpm start
Customer
- Install chrome extension by using the "Load unpacked extension" option
- Openexample/index.htmlin Chrome.
- Click "I need help"
Agent
- Openhttps://localhost:8000/json
- Find thedevtoolsUrlproperty for the connected client
- Open thedevtoolsUrlurl in Chrome
- Bam!