Nuže, pokračování. (anglicky zde)
Jak zjistit, jak vypadá Vivaldi zevnitř
…tedy jaká je struktura jeho HTML. Použijeme zabudované vývojářské nástroje. Možnosti, jak je zobrazit, máme tři (nečíslovaný seznam je rozcestník, číslovaný je postup):
přejděte na vivaldi://inspect#apps
klikněte na první „inspect“, tedy na to pod „
Vivaldi chrome-extension://mpognobbkildjkofajifpdfhcoklimli/browser.html“
povolte flagy debug-packed-apps a silent-debugger-extension-api
přejděte na vivaldi://flags
pomocí vyhledávácího pole najděte zmíněné a nastavte je na povolené
spusťte Vivaldiho s parametry --flag-switches-begin --debug-packed-apps --silent-debugger-extension-api --flag-switches-end (na macOS zadejte do terminálu open /Applications/Vivaldi.app --args --debug-packed-apps --silent-debugger-extension-api)
klikněte pravým tlačítkem na nějaký prvek prohlížeče (ne webovou stránku) a zvolte „Prozkoumat“
otevřete nastavení v listu
stiskněte F12
CSS úpravy můžete zkoušet kliknutím na + vpravo nahoře v seznamu stylů v kartě Elements, všechny své změny pak získáte kliknutím pravým tlačítkem na inspector-stylesheet u některého z vašich stylů a vybráním „Reveal in Sources panel“.
JS si teoreticky můžete vyzkoušet z karty Console, ale je to dost nepohodlné (mj. tam dostanete víceřádkový kód pouze vložením nebo s pomocí Shift-Enter).