Ladíme webové stránky přímo v prohlížeči Google Chrome

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é

Twitter a JavaScript bug

Dnes odpoledne, kolem 14. hodiny se na Twitteru objevil JavaScriptový bug, který umožnil díky události mouseover navázání dalších JavaScriptových požadavků. Tweety postavené na této chybě zahltily celý Twitter, například retweetování při pohybu myši po obrazovce, která byla díky chybě překrytá odkazem a objevily se i pokusy o stažení skriptů z jiných stránek přes $.get() funkce a tomu všemu napomohlo i to, že Twitter používá jQuery, takže se tyto JavaScriptové kódy vešly do 140 znaků. Přečíst celé

Internet Explorer 9 beta – první dojmy

Dnes byla kolem 19. hodiny oficiálně vypuštěna nová beta verze internetového prohlížeče Internet Explorer 9, na kterou se mnoho uživatelů velice těšilo a měli velká očekávání. Slíbeno bylo v nové verzi opravdu hodně a některé sliby byly splněny. Já jsem od nové verze čekal mnohem víc a jsem trochu zklamán, i když jde “pouze” o beta verzi. Přečíst celé

Na dohled je nový Twitter

Dnes časně ráno bylo na úvodní stránce služby Twitter oznámeno připravované spuštění nové přepracované verze. Již na pohled je znát, že to již nebude ten starý Twitter, jaký jsme ho znali a bude zajímavé sledovat, co to udělá s uživateli. Přečíst celé

Uvidíme se na WebExpo 2010

Pomalu se již blíží zahájení konference WebExpo 2 010, které je naplánováno na 23. – 25. září 2010 a já se pomalu připravuji podle programu, na které přednášky se dostavím. Pro mě jako webového vývojáře a designéra to bude trochu složitější, ale láká mě jít se podívat na Development programy, PHP programy a Design programy. Agile a Bussines programy jdou zatím mimo mě, i když tam jsou neméně zajímavé přednášky. Jak se tedy rozhodnout? Přečíst celé

Nová doména, hodně úprav

V nedávné době jsem pro své stránky zakoupil nové vlastní doménové jméno. Dlouho jsem stránky připravoval, tak jsem je chtěl zaštítit i vlastním doménovým jménem, které by jim odpovídalo – a protože to jsou mé osobní stránky, tak i mně.

V této souvislosti jsem také přepracoval některé prvky a přidal některé nové funkce. Například AJAXové vkládání komentářů ke článkům, AJAXové odesílání zpráv a do sekce Blog jsem přidal řazení příspěvků podle kategorie. Samozřejmě také přibyla nová plně AJAXová backendová část – administrace (tam se ale asi jen tak někdo nepodívá). To jen tak pro zajímavost.

Když čas dovolí, samozřejmě opět rozšířím svou webovou stránku o další funkce, hlavně co se týše publikační části a začnu ve větším množství zveřejňovat ve svém blogu příspěvky.