Inspecting the Vivaldi UI with DevTools
-
@BoneTone said in Inspecting Vivaldi's UI with devtools:
searched for the single word "inspect" in titles only in this category only
If we were doing this in bash than we could have a nice alias, like maybe Clouseau.
-
<offtopic>
@Steffie said in Inspecting Vivaldi's UI with devtools:
@BoneTone said in Inspecting Vivaldi's UI with devtools:
whatever makes the most sense for you
Well now you've just made me very sad, coz the answer to that riddle is usually zilcho.
Eh, just look at your keyboard configuration, and think about the ergonomics of the shortcuts. This is even better if you can modify your keyboards firmware. I've got some modifier keys that are Ctrl-Shift, Ctrl-Alt, Meh & Hyper.‡ I also make use of dual-function keys, which are keys that send one thing when tapped and something else when held. So I have placed Meta, Alt, Ctrl and Shift under my home row keys (asdf & jkl;) from outside to in. I don't need to move my hands off the letters for single modifier shortcuts, and multiple modifier shortcuts are still only two keys rather than 3, 4 or 5.
When creating your keyboard shortcuts & mouse gestures, come up with a semantic scheme. Shift means reverse/backwards of an action when added to another shortcut, Ctrl-Shift is for Panel actions, Alt does a similar but different action when added to a shortcut (like Ctrl-T for new tab, Ctrl-Alt-T for new background tab, or vice versa depending on your preferences.
For mouse gestures a few strokes will have some meaning, then adding another stroke determines the action on that meaning. With my tab bar on the left, starting with a left stroke will be some tab action, the panel on the right, some panel action. For instance left up/down switches to the next tab up or down, right up/down switches to the next panel up or down; a counterclockwise box starting at the bottom left means tab group, then up is create, down is destroy & left is remove.
To make use of a significantly large number of actions, you'll need to create cheat sheets at first, I taped mine above my desk. After a few weeks, I didn't need them anymore and just put them in a file near my desk.
‡ Meh = Ctrl-alt-shift & Hyper = Meta-ctrl-alt-shift, whew meta is sometimes called Win or Command.
</offtopic>
-
@BoneTone Which button on my mouse is this strange thing you call
keyboard
?@BoneTone said in Inspecting Vivaldi's UI with devtools:
<offtopic>
OMZ, you're so gonna get wooped once Lilo sees this.
-
@Steffie said in Inspecting Vivaldi's UI with devtools:
@BoneTone Which button on my mouse is this strange thing you call
keyboard
?Not a button, but a separate device (or two) with lots & lots of buttons, making the "mouse" unnecessary. I prefer to not even have a mouse on my desk.
-
@BoneTone said in Inspecting Vivaldi's UI with devtools:
lots & lots of buttons
They cause me distress. I prefer velcro or zippers, or even zyppers, albeit pacman is best of all.
-
I rewrote the whole thing and made a guide out of it. Please tell me whether the instructions for Windows are correct, I can’t test it. I’d also like to know whether all of this is comprehensible.
-
Open vivaldi://experiments.
Search for the Chromium flag “Debugging for packed apps” and enable.
Restart Vivaldi.vivaldi://experiments
? Are you sure? Notvivaldi://flags
? -
@hlehyaric This is definitely wrong. Nicely spotted.
-
@luetage You're welcome. Your guide is a great job, thanks.
-
@luetage One word: Brilliant! Bookmarked!
Uh, two words; brilliant, bookmarked & beneficial.
Um, three words; brilliant, bookmarked, beneficial & ...
I'll come in again.
Amongst our gratitude are...
-
@Steffie Wait, you hadn’t bookmarked
it yet? And to add injury to insult you want a snake to bite me? Shocked… I can’t even…
-
@luetage Oh no, i had bookmarked it, but i was so impressed with your rewrite i re-bookmarked it. In fact, just thinking about it now, i might well bm it another few times.
As for the whole snake thing, well, i mean, what can i say? Snakes tend to do all manner of snakey stuff, don't they? Say, you're not catching a plane soon are you?
-
@luetage TBH, me neither. I just discovered this post.
Sorry, I'm quite naïve or not expert enough to understand what it is about. Is it an explanation of the "Inspect" function or is it an extra DevTool that can do more than the standard "Inspect".
Sorry sorry sorry, don't bite me... I just try to understand (seriously). I did read the first post two times and I didn't get it. -
@Ornorm said in Inspecting the Vivaldi UI with DevTools:
I did read the first post two times and I didn't get it
Maybe read it aloud three times...
-
@Steffie I'll have a try...
(just love you!) -
@Ornorm The post intends to describe how to load developer tools for the user interface. They look just like the devtools for any webpage, but need to be loaded differently. Most of the known options how to load them are written down here. One of the missing options is remote debugging, because I think it’s not that useful for our purposes.
-
@Steffie I can’t : / My airplane
️trap🪤 is broken.
-
4, 8, 15, 16, 23, 42
-
@luetage said in Inspecting the Vivaldi UI with DevTools:
for the user interface
Ok. I get it now. It's for the Vivaldi "Realz" users (I'm still a young padawan). It's to go even further with customizing the entire interface; is this correct?
-
@Ornorm said in Inspecting the Vivaldi UI with DevTools:
I'm still a young padawan
Remember, each & every day, practice practice practice on levitating sunken space-ships outta swamps. That's the path to enlightened success... & lucrative merch.