Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

(Vite plugin) How to show the floating panel after unchecking "Always show the floating panel"? #545

Open
lukeupup opened this issue Jul 25, 2024 · 2 comments
Labels
documentation Improvements or additions to documentation

Comments

@lukeupup
Copy link

Hello, I am using the devtools as vite plugin. I tried unchecking the "Always show the floating panel" option in Settings page and close the panel. The panel is hidden as expected. There's no extra elements in the page that I can interact with the devtools. But I cannot find a easy way to make it show again. And I didn't find any documents about this. I also tried to call __VUE_DEVTOOLS_TOGGLE_OVERLAY__(true) but it doesn't work. Finally I edited the localstorage to revert the setting.

I'd like to know what's the proper way to make the floating panel to show again? Thank you.

@duowb
Copy link
Contributor

duowb commented Jul 25, 2024

Mac
Use Shift + Option + D to toggle DevTools

Win
Use Shift + Alt + D to toggle DevTools

Use the shortcut keys above to open the panel, and then proceed with the settings

@alexzhang1030 alexzhang1030 added the documentation Improvements or additions to documentation label Jul 25, 2024
@lukeupup
Copy link
Author

Thank you for the answer. I tried on Chrome and the shortcut works.

But unfortunately I am working with a webview (concretely, an Office plugin) which can't receive such shortcut. I believe there might be some other runtimes that we cannot use shortcut keys (e.g. webviews in mobile phones). So it would be nice if we have an alternative way to open the panel (such as calling some method in the console).

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
documentation Improvements or additions to documentation
Projects
None yet
Development

No branches or pull requests

3 participants