Използване на CSS: Преглед на CSS правила, използвани на уеб страници и експорт на файл [Firefox]

click fraud protection

Случвало ли ви се е да посещавате уебсайт и да сте се интересували от стиловете, които са използвали в него? Независимо дали сте професионален дизайнер, който работи на сайт или просто изучавате CSS като хоби или страничен проект, проверка как различните сайтове са внедрили CSS отваря ума ви за многото начини, по които можете да го използвате по свой начин проекти. Използване на CSS е разширение на Firefox, което ви позволява да виждате CSS правилата, приложени към всяка уеб страница, а също така ви позволява да експортирате CSS листа в нов раздел.

За да използвате разширението, трябва да имате инсталиран Firebug, тъй като той разширява функционалността на Firebug. Веднъж инсталиран, посетете уебсайт и отворете Firebug. Допълнителен раздел Използване на CSS ще бъде добавен към интерфейса на Firebug. Щракнете върху раздела и натиснете преглеждане бутон. Ще бъдат изброени всички приложени правила за CSS и колко пъти всеки от тях е бил използван на уеб страницата.

Използване на CSS

Възможно е да има повече от един CSS файл, използван на уеб страница, да ги разширите и свиете, за да видите всеки файл и неговото съдържание.

instagram viewer

CSS изглед на използване в firebug

Можете да настроите разширението да сканира автоматично всяка посетена страница, като щракнете върху Автоматично сканиране бутон. Бутонът включва и изключва автоматичното сканиране. Докато посещавате всяка страница на даден сайт, разширението автоматично ще го сканира за приложимите CSS правила и ще го зареди съответно. За да видите самия CSS файл, щракнете върху удебеленото черно име на файла и файлът ще се отвори в нов раздел.

Експорт на CSS файл за използване

Въпреки че оформлението на CSS файла може да издържи известно подобрение, все пак е достатъчно добро, за да получите представа колко различен е бил стилът.

Инсталирайте разширение за използване на CSS за Firefox

watch instagram story