reflex icon indicating copy to clipboard operation
reflex copied to clipboard

Feature: Embedded/docked DevTools

Open nwittwer opened this issue 7 years ago • 1 comments

If you're using the app in fullscreen or fullscreen next to another window, opening DevTools will create a new popup window, separate from the app. This causes DevTools to show up in a different space on MacOS—which is very frustrating to work with. It would make more sense to see the DevTools inside the same window (or at least to have the choice, like you're used to in Chrome).

Case 1: You want to select a certain node inside of a frame, so you want to right-click it and go to "Inspect element", which takes you right to it in DevTools.

Case 2: You want the DevTools to just be open and available while you're working, so you can toggle a button on/off to display it.


Possible solution: https://github.com/nwjs/nw.js/wiki/Devtools-jail-feature

nwittwer avatar Sep 10 '18 23:09 nwittwer

Looks like this is possible in NWJS if you're trying to open DevTools for a specific WebView. This means the current iFrames would need to be switched to WebView. Not sure about the performance, functional differences. http://docs.nwjs.io/en/latest/References/webview%20Tag/

nwittwer avatar Oct 01 '18 21:10 nwittwer