CSS 调试器

已执行: https://drafts.csswg.org/cs-syntax/ (中文(中国大陆) )

API 密码

读取 API 文件

使用量

添加 CSS 调试器 对您的项目:

npm install @csstools/css-tokenizer --save-dev

import { tokenize } from '@csstools/css-tokenizer';

const myCSS =  `@media only screen and (min-width: 768rem) {
    .foo {
        content: 'Some content!' !important;
    }
}
`;

const tokens = tokenize({
    css: myCSS,
});

console.log(tokens);

或使用流线界面:

import { tokenizer, TokenType } from '@csstools/css-tokenizer';

const myCSS = `@media only screen and (min-width: 768rem) {
    .foo {
        content: 'Some content!' !important;
    }
}
`;

const t = tokenizer({
    css: myCSS,
});

while (true) {
    const token = t.nextToken();
    if (token[0] === TokenType.EOF) {
        break;
    }

    console.log(token);
}

选项

{
    onParseError?: (error: ParseError) => void
}

onParseError

表示器是原谅的,当遇到解析错误时不会停止.

要接收解析错误信息, 您可以设置回调 .

import { tokenizer, TokenType } from '@csstools/css-tokenizer';

const t = tokenizer({
    css: '\\',
}, { onParseError: (err) => console.warn(err) });

while (true) {
    const token = t.nextToken();
    if (token[0] === TokenType.EOF) {
        break;
    }
}

解析器错误将试图告知您在符号逻辑中错误发生的地方 . 这说明发生了什么样的错误.

优先顺序的顺序

1. 规格遵守情况
2. 正确性
3. 可靠性
4. 标识和序列化必须无一例外地往返
5. 披露源代码的有用方面
6. 运行时间性能
7. 软件包大小