Host DevTools on own permalink page via <iframe>

Build session permalink page with some branding
Load Hosted DevTools via from AppSpot</li> </ul> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/kzahel"><img src="https://avatars.githubusercontent.com/u/158352?v=4" />kzahel</a> commented <strong> 7 years ago</strong> </div> <div class="markdown-body"> <p>I'd love to be able to load specific devtools revisions (or any at all) in a http(s) URL. I tried using <a href="https://github.com/ChromeDevTools/devtools-frontend">https://github.com/ChromeDevTools/devtools-frontend</a> 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?</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/auchenberg"><img src="https://avatars.githubusercontent.com/u/173559?v=4" />auchenberg</a> commented <strong> 7 years ago</strong> </div> <div class="markdown-body"> <p>Chrome is providing a cloud hosted front-end on AppSpot, so that would be ideal. Wanna try to give it a spin @kzahel ?</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/kzahel"><img src="https://avatars.githubusercontent.com/u/158352?v=4" />kzahel</a> commented <strong> 7 years ago</strong> </div> <div class="markdown-body"> <p>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?</p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/kzahel"><img src="https://avatars.githubusercontent.com/u/158352?v=4" />kzahel</a> commented <strong> 7 years ago</strong> </div> <div class="markdown-body"> <p>Hmm I found a URL that seems to work (<a href="https://chrome-devtools-frontend.appspot.com/serve_file/@d19c087b9bfdf76a8af91e2f0a0e791bf2ffcafa/inspector.html">https://chrome-devtools-frontend.appspot.com/serve_file/@d19c087b9bfdf76a8af91e2f0a0e791bf2ffcafa/inspector.html</a>)</p> <p>But it seems it doesn't include emulated mobile devices module?</p> <p><code>Application Cache Error event: Resource fetch failed (404) https://chrome-devtools-frontend.appspot.com/serve_file/@d19c087b9bfdf76a8af91e2f0a0e791bf2ffcafa/emulated_devices/emulated_devices_module.js</code></p> </div> </div> <div class="comment"> <div class="user"> <a rel="noreferrer nofollow" target="_blank" href="https://github.com/kzahel"><img src="https://avatars.githubusercontent.com/u/158352?v=4" />kzahel</a> commented <strong> 7 years ago</strong> </div> <div class="markdown-body"> <p>I tried running <code>scripts/compile_frontend.py</code> 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 <a href="https://groups.google.com/a/chromium.org/d/msg/devtools-reviews/3izWlIsoIl8/v-rhJ6upkNYJ">https://groups.google.com/a/chromium.org/d/msg/devtools-reviews/3izWlIsoIl8/v-rhJ6upkNYJ</a> (one that injects manifest url into inspector.html) somewhere in the chromium repository? or is that somewhere else?</p> </div> </div> <div class="page-bar-simple"> </div> <div class="footer"> <ul class="body"> <li>© <script> document.write(new Date().getFullYear()) </script> Githubissues.</li> <li>Githubissues is a development platform for aggregating issues.</li> </ul> </div> <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script> <script src="/githubissues/assets/js.js"></script> <script src="/githubissues/assets/markdown.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/highlight.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.4.0/build/languages/go.min.js"></script> <script> hljs.highlightAll(); </script> </body> </html>

auchenberg / devtools-remote

Host DevTools on own permalink page via <iframe> #5