devtools-remote icon indicating copy to clipboard operation
devtools-remote copied to clipboard

Host DevTools on own permalink page via <iframe>

Open auchenberg opened this issue 10 years ago • 5 comments

  • Build session permalink page with some branding
  • Load Hosted DevTools via

auchenberg avatar Jan 21 '16 01:01 auchenberg

I'd love to be able to load specific devtools revisions (or any at all) in a http(s) URL. I tried using https://github.com/ChromeDevTools/devtools-frontend but the package.json did not have any scripts that seemed relevant to building the static html/css/js assets to be able to host a devtools instance. Any tips?

kzahel avatar Mar 03 '17 01:03 kzahel

Chrome is providing a cloud hosted front-end on AppSpot, so that would be ideal. Wanna try to give it a spin @kzahel ?

auchenberg avatar Mar 03 '17 04:03 auchenberg

Definitely! I saw that it was using appcache to download/store the assets. Would I just have it do that again and copy the URL format?

kzahel avatar Mar 03 '17 05:03 kzahel

Hmm I found a URL that seems to work (https://chrome-devtools-frontend.appspot.com/serve_file/@d19c087b9bfdf76a8af91e2f0a0e791bf2ffcafa/inspector.html)

But it seems it doesn't include emulated mobile devices module?

Application Cache Error event: Resource fetch failed (404) https://chrome-devtools-frontend.appspot.com/serve_file/@d19c087b9bfdf76a8af91e2f0a0e791bf2ffcafa/emulated_devices/emulated_devices_module.js

kzahel avatar Mar 03 '17 06:03 kzahel

I tried running scripts/compile_frontend.py but it wanted v8 and other things checked out so I compiled Chrome. Now I have a compiled frontend in my build output folder. However there is no AppCache manifest created. Is the script mentioned at https://groups.google.com/a/chromium.org/d/msg/devtools-reviews/3izWlIsoIl8/v-rhJ6upkNYJ (one that injects manifest url into inspector.html) somewhere in the chromium repository? or is that somewhere else?

kzahel avatar Mar 03 '17 15:03 kzahel