CSS проверка – валидиране на синтаксис и свойства
Инструментът CSS проверка анализира CSS с css-tree и съобщава синтактичните грешки с техните позиции по ред и колона, продължавайки след първата грешка, за да откриете още проблеми. Той маркира и имена на свойства, които липсват в таблицата на CSS спецификацията, като вероятни правописни грешки, като пропуска персонализираните свойства (--*) и префиксите на доставчици. Прегледайте броя на правилата, декларациите и @-правилата наред с резултатите.
Инструментът CSS проверка проверява CSS синтаксиса в браузъра и анализира таблици със стилове с css-tree. Той съобщава синтактични грешки с позиции по ред и колона и продължава след първата грешка, за да прегледате допълнителни проблеми. Инструментът маркира и имена на свойства, които не са в таблицата на CSS спецификацията, като вероятни правописни грешки, и показва броя на правилата, декларациите и @-правилата.
По време на валидирането CSS се анализира, а синтактичните проблеми се съобщават с техните позиции. Имената на свойства, които липсват в таблицата на CSS спецификацията, се маркират, но персонализираните свойства (--*) и префиксите на доставчици се пропускат от тази проверка. Така инструментът за проверка помага да се разграничат вероятните правописни грешки от тези модели на имена на свойства, които е предназначен да пропуска.
CSS описва правила за стилизиране и декларации, докато инструментът за проверка проверява дали предоставената таблица със стилове може да бъде анализирана и дали имената на свойствата фигурират в таблицата на CSS спецификацията. Използването на CSS проверка може да помогне на разработчиците да проучат грешките, преди CSS да достигне парсер, който се проваля при изпълнение, да проверят генерирания изход и да открият проблеми, без да търсят ръчно във файла.
Инструментът CSS проверка работи изцяло във вашия браузър: вашият вход се обработва на вашето собствено устройство и не се изпраща на сървър. Работи офлайн, след като страницата се зареди, така че можете да го използвате без връзка след това. Безплатен е за ползване и разработчиците и DevOps инженерите могат да го използват за проверка на таблици със стилове и преглед на резултатите от валидирането.
Стъпка 1: Поставете или плъзнете вашия CSS в инструмента. Включете таблицата със стилове, която искате да проверите.
Стъпка 2: Стартирайте проверката на CSS. Инструментът анализира вашия вход и съобщава откритите синтактични грешки.
Стъпка 3: Прегледайте всяка съобщена позиция на грешка. Използвайте детайлите за реда и колоната, за да откриете съответната част от вашия CSS.
Стъпка 4: Проверете предупрежденията за свойства и броячите. Инструментът маркира неразпознатите имена на свойства и показва общия брой правила, декларации и @-правила.
Случай на употреба: Проверете CSS файл, преди да достигне парсер и да се провали при изпълнение. Инструментът за проверка може да ви помогне да забележите синтактичните проблеми по-рано.
Случай на употреба: Намерете реда и колоната на синтактична грешка, вместо да разделяте файла на ръка. Прегледайте съобщените позиции, за да стесните мястото за проучване.
Случай на употреба: Потвърдете, че изходът от друг инструмент е валиден CSS, а не просто текст, който изглежда правдоподобно. Парсерът съобщава откритите синтактични грешки.
Случай на употреба: Потърсете вероятни правописни грешки в имената на свойства в таблица със стилове. Инструментът за проверка маркира имена, които липсват в таблицата на CSS спецификацията, като пропуска персонализираните свойства и префиксите на доставчици.
Случай на употреба: Прегледайте броя на правилата, декларациите и @-правилата след генериране или редактиране на CSS. Общите суми дават бърз преглед на съдържанието на таблицата със стилове.
Случай на употреба: Проверете таблица със стилове, която използва персонализирани свойства или свойства с префикси на доставчици. Те се пропускат от проверката на имената на свойствата, така че не се маркират като непознати свойства.