Debug your user's browser remotely via 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.
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.
- Run
npm install
- Run
npm start
- Install chrome extension by using the "Load unpacked extension" option
- Open
example/index.html
in Chrome. - Click "I need help"
- Open
https://localhost:8000/json
- Find the
devtoolsUrl
property for the connected client - Open the
devtoolsUrl
url in Chrome - Bam!
NOTICE: This project is highly experimental, and shouldn't be used in ANY production-like environment, as there's absolutely no security or privacy.