How to serve the devtools frontend remotely

[weik...@gmail.com]

When i run headless_shell, chrome-devtools request the remote frontend serving on chrome-devtools-frontend.appspot.com.(https://chrome-devtools-frontend.appspot.com/serve_file/@1c32c539ce0065a41cb79da7bfcd2c71af1afe62/inspector.html?ws=IP:9222/devtools/page/7BAFED2F1DA5467954E0901F8638682D&remoteFrontend=true) 

To instead of visiting the chrome-devtools-frontend.appspot.com, I try to deploy the  devtools frontend on my machine to be serving remotely. I got some trouble.

The scenario is to have Chrome enabled for remote debugging (on port 9222) on computer A and then attach to it from computer B by browsing to http://[computer A IP]:9222 from computer B. Basically serving the tools UI (devtools frontend) from computer C.

The problem is, when I use Computer B's browser to inspect the page of chrome running on computer A, I can not see the screenshot of the inspected page. However, the tools UI  from compute C can normal display and work well. Can someone tell me why is problem or how to achieve my scenario?

The start command  and inspect url as below:

compute A:

./chrome --headless --remote-debugging-address=[compute A IP] --remote-debugging-port=9222

compute C:

npm run server

npm run chrome

compute B:

use windows browser to visit the url:

http://[computer C IP]:8090/front_end/inspector.html?&ws=[compute A IP]:9222/devtools/page/7BAFED2F1DA5467954E0901F8638682D&remoteFrontend=true