通过Chrome DevTools远程调试你的用户浏览器:browser-remote
通过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!
本文由用户 jopen 自行上传分享,仅供网友学习交流。所有权归原作者,若您的权利被侵害,请联系管理员。
转载本站原创文章,请注明出处,并保留原始链接、图片水印。
本站是一个以用户分享为主的开源技术平台,欢迎各类分享!