V minulém článku jsem popsal interní nástroj prohlížeče Google Chrome Nástroje pro vývojáře. Nyní bych se rád zaměřil rozšíření pro tento prohlížeč, které mohou, v kombinaci se zmíněným nástrojem, udělat z Google Chrome opravdu silný vývojářský nástroj, který zlepší optimalizaci nejen koncového výstupu (webové aplikace) před doručením uživateli. Tato rozšíření jsou zaměřena především pro webdesignery, ale nejen pro ně a jsou dostupná z galerie rozšíření.

Při kódování šablony se můžeme setkat někdy s problémem, že se nám některé prvky zobrazují jinak, než bychom si přáli. Například se překrývají, překrývají se prvky, které by neměly nebo potřebujeme znát rozložení jednotlivých prvků na stránce či některé jejich atributy. Je tak potřeba zbytečně složitě prohledávat HTML kód či analyzovat definované CSS styly. A přitom to jde mnohem jednodušeji a přímo v prohlížeči.

Rád bych také zmínil další rozšíření, které nenapomáhají optimalizovat kód stránky samotné, ale například pořídit kompletní obrázek celé stránky po nakódování pro porovnání přímo s šablonou. To se může někomu jistě hodit, hlavně pokud takový obrázek můžete po pořízení zpracovat. Přečíst celé

Možnosti dnešních prohlížečů stále rostou. Prohlížeče se zrychlují, podporují stále modernější technologie, využívají grafických karet pro zlepšení výkonu, ale také se před nějakou dobou staly nepostradatelnou součástí webových vývojářů. Já osobně si nedokáži představit, že bych byl odkázán na ladění aplikací bez nástrojů, které dnešní prohlížeče nabízejí, například by bylo značně obtížné ladit AJAX/JSON požadavky.

Pokud se podíváte na dnešní moderní prohlížeče, například Mozilla Firefox, Google Chrome, Safari, Operu a nyní i Internet Explorer 9, tak nabízejí komplexní nástroje pro vývojáře, kteří díky nim mohou testovat webové aplikace ze všech úhlů. Proč jsem zmiňoval prohlížeč Mozilla Firefox, který takový nástroj nemá? Neboť je pro tento prohlížeč bezkonkurenční doplněk jménem FireBug.

Mnou zmíněné nástroje nám pomůžou například při odstraňováních chyb v CSS stylech, pomohou nám testovat změny v HTML (a to přímo v prohlížeči bez zásahu do vlastního kódu aplikace – promítne se pouze změna v prohlížeči), sledovat požadavky, které jsou aplikací odesílány, sledovat délku zpracování požadavků, apod. Pozice webového vývojáře je tak při ladění webových aplikací velice usnadněna. Pokud se objeví chyba, kterou je potřeba odstranit, tak proč to neprovádět přímo v prohlížeči, kde jsou zobrazována data pro koncového uživatele – návštěvníka.

Nějaký čas jsem si pokládal otázku, jaký prohlížeč by byl pro tyto potřeby nejlepší. Zmiňované prohlížeče nabízejí kvalitní nástroje, případně další rozšiřující doplňky. Pro testování možností jsem nějaký čas ladil aplikace v prohlížeči Google Chrome, Mozilla Firefox a v nedávné době také v prohlížeči Opera, který také nabízí kvalitní nástroj jménem Dragonfly, který se velmi podobá zmiňovanému FireBugu.

Prvně bych chtěl zmínit vlastnosti prohlížeče Google Chrome, který se pyšní nálepkou nejrychlejšího prohlížeče a nyní, s rozsáhlou databází doplňků, i silným nástrojem pro prohlížení obsahu Internetu. I když má některé nedostatky, například v podobě nutnosti nainstalovat doplňky třetích stran pro specifické akce a je někdy kritizován z hlediska bezpečnosti, jako nástroj pro vývojáře může být neocenitelným pomocníkem.

Všechny ukázky a postupy byly prováděny v prohlížeči Google Chrome 7.0.517.8 na počítači Windows a jako služba pro ukázání možností byla použita služba Twitter.com. Přečíst celé