Ctrl+Shift+C can't open developer tool
-
Selecting an element of the page will not get focus in the element window, which is very important for front-end engineers
-
@zz541843 If you set the shortcut to »toggle developer tools« in keyboard settings, it will open devtools in a mode where you can select elements with click on the page.
-
You can't.
[Ctrl]+[Shift]+[C]it's already set for Copy to selected text to Note (Settings; Keyboard; Page).You should delete this assignment and set it at Developer Tools (
Settings; Keyboard; Window) or set another key shortcut.In case you've mistaken for open Developer Tools is
[Ctrl]+[Shift]+[I]as default.As a tip, since I usually use DevTools I add
[F12]as a faster shortcut to access them. -
@obiwan2208 Thank you for reminding me. I find the Copy to selected text to Note and remove this config, but it didn't work. You can open Google browser or Microsoft Edge and press the [Ctrl]+[Shift]+[C] several times, this is totally inconsistent with Vivaldi performance.
-
This is definitely a bug, because even if you click the icon with the mouse, you won't get the focus on the developer tool after selecting an HTML Element. As a front-end developer,I use a lot of Google kernel browsers, this is the first time to see this situation. I like Vivaldi's freedom very much and hope to fix it! Because I don't want to use both browsers at work
-
@zz541843 You won’t have to click the icon when using the correct shortcut, picking mode will already be enabled. And yes, the devtools won’t have focus then it seems, but that’s not what this topic was about originally. You, as a front‐end developer, should be able to differentiate between two unrelated issues.
-
@luetage In fact, my original purpose was to solve this problem, but I didn't express it well. Let me send a new post
-
@zz541843 It's a misunderstanding
When you're in any tab but not in Element tab, in that case you can use the shortcut
[Ctrl]+[Shift]+[C], even with Copy selected text to Note key shortcut actived.Then will switch automatically to Element tab and able to click on any webpage element you want and get focus on its specific code tag. Same way as you would click in button you marked in above picture, but this seems made to make it faster (Inspect element on page) when you're in another tab (ie. Network, Sources, etc).
I hope this will help in your workflow
