Inspecting the Vivaldi UI with DevTools

A Former User

@hlehyaric I wanted to send you a fiery reply but I couldn’t since I’m already internet-proof locked there

I’ll have to ask some of my relatives that live on the ground to deliver it

Edit: do you see the post below? That’s (definitely not) the reply!

hlehyaric

@potmeklecbohdan You're not the one who shall to go to hell, you know… but the true orange headed devil .

A Former User

@hlehyaric Oh hell… how did you find out so quickly that the Sun had disappeared? It should’ve taken you at least 8 mins 19 secs.

luetage

@potmeklecbohdan Or open mail in a tab and trigger devtools ^^

A Former User

@luetage Earlier this worked even on the SD, but it doesn’t anymore.

luetage

@potmeklecbohdan Works on the Experiments page too, but I guess Settings is the most straightforward.

hlehyaric

@luetage It seems Debugging for packed apps is removed from Chromium 89. I was able to enable it again after enabling Temporarily unexpire M88 flags but it won't last long before it is definitively removed.
Is there something I missed? Another flag? A setting I didn't notice? I mean: to inspect UI.

LonM

@hlehyaric You can still access the UI via vivaldi://inspect/#apps and the mail log via vivaldi://inspect/#extensions

But yes, it does mean that there is now no way to immediately inspect one particular element by right clicking it.

And unfortunately the developer tools items in the customisable context menu only ever refer to the current active tab, so that doesn't help either.

luetage

@hlehyaric Good find. Nothing we can do about it. It somehow makes sense, since chrome is deprecating apps. Will update OP.

hlehyaric

@LonM Thanks for your reply. I took a look at your post, but you did not mention the removal of this flag. I was able to restore it but it's a temporarily workaround.

You can still access the UI via vivaldi://inspect/#apps

That's my main concern: it's the first thing I tried & right now I'm completely unable to figure out how to do… I guess there's something I don't understand.

luetage

@hlehyaric Visit the link and click inspect, that’s also mentioned in this guide. It opens devtools for UI. What is missing is of course simulating a browser restart, but it’s non essential. Easier yet is opening Vivaldi settings and using the keyboard shortcut for opening devtools.

hlehyaric

@guigirl You need to enable Temporarily unexpire M88 flags and then you'll be able to restore Debugging for packed apps. Unfortunately, it's only a workaround.

hlehyaric

@guigirl You're definitively right and, first, that's what I told myself, but in the end I gave up. I'm too lazy & the flag's so handy.

luetage

@hlehyaric said in Inspecting the Vivaldi UI with DevTools:

Temporarily unexpire M88

Didn’t even know that existed, good find. Seems like the flags of the previous two versions can be reinstated. This will buy you a few months at most though. At the latest Chrome version 91 will put an end to this.

sjudenim

@hlehyaric

Oh no! That was 1 of only 2 flags I actually used. Gave the snapshot a try and while the speed dials are pretty ugly, losing this flag is just mean

Hadden89

Noticed it too... Luckily, --debug-packed-apps on the shortcut still work :S

luetage

Maybe not especially handy, but I noticed triggering DevTools on the private window introduction page shows the tools for the UI too. The hunt continues…

ch3f

@guigirl starting to think a config file ie. .vivaldirc will be a good idea..no?

luetage

@ch3f Personally I think it’s time someone wrote neovivaldi, then we could use an init.viv file for that purpose.

A Former User

FYI, the chromium-flags.conf method…

…doesn’t work.