Chcete snadnější způsob, jak zobrazit značky HTML webové stránky bez zobrazení zdrojového kódu v samostatném okně? Nyní můžete zobrazit webovou stránku a značky kombinované ve stejném okně pomocí rozšíření X-Ray pro Firefox.
Před
Obvykle, pokud chcete vidět zdrojový kód za webovou stránkou, musíte jej zobrazit v samostatném okně. Pokud vás zajímá pouze konkrétní část, musíte prohledat celou sadu kódu, abyste našli to, co hledáte.
Po
Rozšíření X-Ray vám umožní vidět značky dokumentu (včetně názvů tříd a ID) „vedle sebe“ s webovou stránkou na stejné kartě. K přístupu k rentgenovému příkazu můžete použít buď místní nabídku, nebo nabídku nástrojů.
Tady je stejná část webové stránky, jaká je uvedena na prvním snímku obrazovky výše. Zpočátku to může vypadat trochu divně, dokud si nezvyknete vidět oba společně.
Poznámka: Webovou stránku můžete vrátit do normálního zobrazení kliknutím znovu na příkaz X-Ray nebo obnovením stránky.
Kód pro část postranního panelu na stejné webové stránce…
Na konci následuje jedna ze sad odkazů.
Při pohledu na další příklad předpokládejme, že vás zajímá, jak je nastavena část hlavního zdroje.
Být schopen vidět, jak je konkrétní prvek nastaven přímo na webové stránce, je určitě lepší než prohledávat celou stránku kódu.
Závěr
Pokud navrhujete webové stránky a chcete snadno zjistit, jak je kódován web někoho jiného, můžete zkusit toto rozšíření vyzkoušet.
Odkazy
