Prohlížeč Blisk a testování responsivních webů

Při testování responsivních webů je zpravidla neustále nutné měnit velikost stránky (viewportu). To jde na desktopu buď přímo změnou rozměrů okna prohlížeče, nebo ve vývojářských nástrojích (většinou klávesa F12) pomocí režimu pro různá zařízení.

Prohlížeč Blisk dokáže celý proces testování zjednodušit.

Stažení Blisku

Blisk jde zdarma stáhnout.

Funkce

  1. Disponuje rozdělením stránky do dvou oken, kde vlevo jde zvolit nějaké z běžných mobilních zařízení a vpravo je klasické desktopové zobrazení. Tedy za situace, že je prohlížeč v dostatečně velkém okně.

  2. V okně pro mobilní zařízení je potom emulace mobilního prohlížeče včetně dotykových gest a mobilní hlavičky user-agent.

  3. Blisk dokáže synchronisovat rolování, čímž jde docela rychle získat celkový přehled o stránce na mobilu i desktopu.

Prohlížeč Blisk

Trochu je škoda, že stránka otevřená do dvou zařízení není synchronisovaná. Změny ve vývojářských nástrojích v jednom okně se tedy automaticky nepromítnou do okna druhého. To by byla hodně užitečná vlastnost.

Auto refresh

Kromě zmíněných funkcí umí i automaticky obnovit stránku po změně lokálních souborů.

Stačí si v nastavení přidat pro určitou doménu lokální složku, ve které změna jakéhokoliv souboru způsobí obnovení stránky.

Automatické obnovení stránky v Blisku

Tato funkce je použitelná i v případě, že se vyvíjí na vzdáleném serveru, kam se kopírují soubory z lokálního umístění (třeba přes FTP plugin v Sublime Text).

Není tedy potřeba používat program LiveReload.

Závěr

Blisk vypadá jako šikovný prohlížeč pro testování responsivních webů. Pro uživatele zvyklé na vývojářské nástroje v Chrome se zdá být hodně zajímavou volbou (DevTools jsou prakticky stejné), jak mobilní weby testovat rychleji a pohodlněji.

To je všechno. Líbil se vám článek a chcete se dozvědět, až vyjde další?

Sledujte:

 

Připomínky mi pište do komentářů ↓

Vývojářské nástroje v prohlížečích

Nástroje pro vývojáře v prohlížečích

Pro testování a ladění webu existují (nebo je lze snadno doplnit) ve všech rozšířených prohlížečích vývojářské nástroje.

Testování webů v různých prohlížečích

Testování webů napříč prohlížeči

Možnosti, jak otestovat webové stránky v různých versích různých prohlížečů. Desktopových i mobilních.

Meta tag viewport

Značka <meta name=viewport>

K čemu používat <meta> tag name=viewport.

Firefox Developer Edition

Firefox Developer Edition

Vyšla speciální verse Firefoxu pro webové vývojáře. Kde ji stáhnout a co nového nabízí.

Komentáře