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 F12CSS ú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).
