CSS փոփոխականների վերլուծիչ
Առանձնացրեք CSS փոփոխականները, հաշվեք var() հղումները և գտեք չօգտագործված հատկությունները առցանց:
Գործարկել գործիքը
Այս առցանց գործիքն օգնում է արագ վերլուծել CSS կոդում առկա փոփոխականները և դրանց կիրառությունները: Դուք տեղադրում եք ոճերի կոդը մուտքագրման դաշտում, իսկ համակարգն ավտոմատ կերպով առանձնացնում է երկու գծիկով սկսվող բոլոր հայտարարված հատկությունները, ինչպիսիք են գույները, չափսերը, տառատեսակները կամ ստվերները: Գործիքը հաշվարկում է, թե յուրաքանչյուր փոփոխական քանի անգամ է հանդիպում var() հղումների տեսքով ամբողջ կոդում: Բացի այդ, ծրագիրը ճշգրիտ ցուցադրում է այն հատկությունները, որոնք հայտարարվել են, սակայն ոչ մի անգամ չեն կանչվել var() ֆունկցիայի միջոցով: Արդյունքների բաժնում կարող եք տեսնել հայտարարված փոփոխականների ընդհանուր քանակը, չօգտագործված տարրերի ցանկը և յուրաքանչյուր անվանման հղումների քանակը: Համակարգը հեռացնում է ավելորդ բացատները արժեքների եզրերից և ցույց է տալիս մաքուր արդյունքներ: Եթե մուտքագրման դաշտը դատարկ է մնում, համակարգը ցույց է տալիս ծանուցում և առաջարկում է տեղադրել վավեր CSS տեքստ: Գործիքը հարմար է ոճաթերթերի մաքրման, ավելորդ կոդի կրճատման և նախագծերի կառուցվածքի ստուգման համար:
Հրահանգներ
- Տեղադրեք ձեր CSS կոդը համապատասխան տեքստային դաշտում:
- Սեղմեք վերլուծության կոճակը:
- Դիտեք առանձնացված փոփոխականների ցուցակը, var() հղումների քանակը և չօգտագործված հատկությունները:
Օրինակներ
- :root { --primary-color: #007bff; --padding: 16px; } .button { color: var(--primary-color); } -> Համակարգը հայտնաբերում է 2 հայտարարված փոփոխական, 1 հղում --primary-color-ի համար և 1 չօգտագործված փոփոխական (--padding):
- body { --bg: #fff; --text: #222; } p { color: var(--text); background: var(--bg); } -> Համակարգը ցույց է տալիս 2 հայտարարված փոփոխական, յուրաքանչյուրի համար 1 հղում և 0 չօգտագործված փոփոխական:
ՀՏՀ
Ինչպե՞ս է գործիքը ճանաչում CSS փոփոխականները:
Գործիքը փնտրում է երկու գծիկով (--) սկսվող անվանումները, որոնց հաջորդում են երկկետը, արժեքը և կետ-ստորակետը, ինչպես նաև var(--անուն) կառուցվածքները:
Ի՞նչ է տեղի ունենում, եթե մուտքագրման դաշտը դատարկ է:
Եթե CSS կոդ չի տրամադրվում, համակարգը չի կարող կատարել վերլուծություն և ցուցադրում է համապատասխան հաղորդագրություն:
Արդյո՞ք գործիքը գնահատում է fallback արժեքները var() ֆունկցիայի ներսում:
Ոչ, գործիքը հաշվում է var() հղումները ըստ փոփոխականի անվանման, սակայն չի կատարում fallback արժեքների առանձին տրամաբանական մշակում: