Opera Developer Toolbar – nevyhnutnosť pre webdeveloperov

Pridať komentár

Opera Developer Toolbar – nevyhnutnosť pre webdeveloperov

Či je pre webdeveloperov lepšia Opera alebo Firefox, je asi na dlhú debatu, ja pri práci používam oba browsere pretože v každom mi vyhovuje niečo iné. Každopádne Opera disponuje pre mňa veľmi dôležitým pluginom Developer Toolbar, ktorý ponúka množstvo pre produktivitu nepostrádateľných funkcií.

Developer Toolbar sa integruje do hlavného menu Opery, pričom pridá jedno tlačítko, ktoré skrýva samotný prístup k funkciám Toolbaru a pár položiek do menu. Prvá dôležitá funkcia sa skrýva v záložke Display, ktorá umožňuje prezerať stránku s vypnutými kaskádovými štýlmi (CSS), či dokonca s vypnutými obrázkami. Ľahko tak získate prehľad, ako vašu stránku vidia vyhľadávače a zistíte, čo by sa z pohľadu SEO dalo vylepšiť.

Menu Display skrýva okrem toho veľké množstvo iných možností, vrátane real-time editovania CSS, dolaďovania ALT atribútov na obrázkoch (zobrazí všetky obrázky, ktorým chýba ALT), vypnutia floatovaných a pozicovaných elementov v CSS atď.

Dôležitá je tiež možnosť zobraziť stránku v okne prispôsobenom menším rozlíšeniam ako máme na monitore. Bez nutnosti zdĺhavo prepínať rozlíšenie tak môžete zobraziť projekt v archaickom 800×600 či 1024×768.

Zaujímavé je aj menu Validate, ktoré ponúka rýchlu validáciu kódu v mnohých systémoch, ála W3C. Tá je síce implementovaná aj do základnej verzie Opery (klávesová skratka CTRL+ALT+V odošle aktuálnu stránku na validáciu W3C), avšak Developer Toolbar túto funkčnosť po všetkých stránkach rozširuje, pridáva validáciu CSS, či validovanie v iných systémoch ako je W3C (Synthia, Section 508 atď.). Zároveň dokáže stránku podrobiť kontrole funkčnosti hyperlinkov či ukázať stav serveru, na ktorom web beží.

Nevýhodou Developer Toolbaru je snáď len horšia prehľadnosť, aj ja som na niektoré funkcie prišiel až pri písaní tohto článku. :)