edhouse-CookieGdpr-Policy-s
1183043
0
/cz/gdpr/
218650B6B

Zpět na Blog

NávodySQA

Ovládněte svůj webový prohlížeč

Tech_blog

Vsadím se, že máte minimálně jedno okno nebo záložku ve svém webovém prohlížeči otevřenou po celý den. Webové aplikace začínají převažovat nad těmi desktopovými a fungují na téměř každém zařízení, a proto se není čemu divit, že s webovým prohlížečem trávíme více a více času. V tomto článku bych rád představil tři způsoby, jak si z obyčejného prohlížeče vytvořit silný pracovní nástroj.

„Vyhledávače“

Prohlížeč Chrome nabízí možnost vytvoření vlastních klíčových slov pro vyhledávání na webových stránkách, které mají vámi zadaný hledaný termín uvedený jako parametr URL. Použitím takového vyhledávače přeskočíte nutnost stránku vůbec otevřít a namísto toho hledat přímo pomocí omniboxu (adresního řádku).

Nejčastěji takto používám přímé vyhledávání diskuzí na Redditu nebo adres na Mapy.cz:

Vyhledávače si nastavíte v nastavení (chrome://settings/searchEngines), stačí vyplnit název vyhledávače, zvolit si klíčové slovo a vložit adresu, ve které nahradíte hledaný termín zástupnými znaky „%s“:

https://www.reddit.com/search/?q=%s
http://mapy.cz/zakladni?q=%s

Funkci vyhledávače je možné ale použít na jakékoli stránce, která používá parametr URL adresy, například Google Translator. Pomocí klíčového „encz“ mohu překládat přímo z adresního řádku. Pro opačný překlad používám klíčové slovo „czen“:

https://translate.google.cz/#cs/en/%s
https://translate.google.cz/#en/cs/%s

Bookmarklety

Pomocí JavaScriptu můžeme s otevřenou stránkou v prohlížeči dělat prakticky cokoli. Javascriptový kód můžeme spouštět pomocí Nástrojů pro vývojáře prostřednictvím konzole nebo snippetů.

Dalším způsobem spouštění jsou bookmarklety – kousky Javascriptového kódu „ukryté“ uvnitř tlačítek na panelu záložek.

K čemu se toto dá využít? Například k předvyplnění formuláře nebo získání informací z webové stránky. Já často používám bookmarklet, který mi na otevřené stránce s Jira issue zjistí jeho ID a následně mi otevře jinou stránku, kde toto ID rovnou vloží do URL adresy a tím mi zobrazí aktuální stav sestavování navázaného buildu:

javascript: (function() { var matches=document.title.match(/\[([A-Z-0-9]+)\](.+) - JIRA/); var issue_id=matches[1].trim(); window.open("https://somewebsite.com?jira_issue="+issue_id); })();

Rozšíření

Téměř každý prohlížeč umožňuje nějakou formu rozšíření  – mini aplikací, které mu přidávají nějakou funkci navíc. Někdy je těžké najít to správné pro vaši potřebu a někdy takové rozšíření ani neexistuje. Není ale problém naprogramovat si vlastní  – já jsem například nebyl spokojený se správcem záložek, a tak jsem si vytvořil ChromTag.

Je zde ale i několik dalších, které jsou nedílnou součástí mého prohlížeče už několik let:

  • XPath Helper – zvýrazňuje prvky na webové schránce na základě zadané cesty XPath, hodí se k ověření identifikace prvků na stránce pro automatické testy
  • Chrome Regex Search – vyhledávání na stránce pomocí regulárního výrazu
  • Copytables – pokročilé kopírování dat z tabulek, umožňuje vybírat sloupce, řádky, nebo jednotlivé buňky
  • Website IP – zobrazuje IP adresu serveru, na kterém je aktuální stránka hostována
  • Website Blocker – pomocník (nejen) proti prokrastinaci 🙂

Svého času jsem používal také Robocorp-Recorder pro identifikaci prvků na stránce pomocí Robot Frameworku. Samozřejmě najdete také řadu rozšíření pro další automatizační nástroje, například pro Playwright.

Sdílet článek

Autor

Jan Zatloukal

Jan ZatloukalTester a vývojář se zálibou v automatizaci a zlepšování procesu vývoje. Aktuálně pracuji na projektu automatizace elektronových mikroskopů v Pythonu.