开发者工具
可以通过专门的浏览器扩展程序EffCSS Developer Tools来检查EffCSS样式表及其相关生成器。
安装
安装方法取决于浏览器：
- Mozilla Firefox 可以使用其附加组件商店中的扩展程序。,
- 基于 Chromium 内核的浏览器（例如 Google Chrome、Yandex Browser、Microsoft Edge 等）可以使用 chrome://extensions 从 zip 压缩包 手动安装扩展程序。
界面
该扩展程序允许您检查通过 EffCSS 创建的样式表。您可以进行排序、按激活状态筛选、搜索 CSS 内容并检查具体的配置——包括样式表本身的配置。
工作区由两部分组成——列表区和卡片区。
列表区域提供以下操作：
- 选择被检查的帧（如果有多个帧具有
EffCSS）。 - 在浏览器控制台中显示当前框架样式提供程序。
- 重新加载扩展程序。
- 开启/关闭当前帧的所有
EffCSS样式表。 - 搜索
CSS内容或生成器密钥。 - 选择排序属性。
- 选择排序方向。
- 筛选主动/被动样式表。
- 选择所有样式表或重置选择。
- 在浏览器控制台中显示选定的样式表。
- 保存所选样式表中的
CSS代码。 - 保存来自选定样式表生成器的
JS文件。 - 启用选定的样式表。
- 关闭选定的样式表。
- 将样式表添加到选定区域或从中删除。
- 在浏览器控制台中显示样式表。
- 打开样式表卡。
- 开启/关闭样式表。
列表区域还允许使用规则、属性等多种计数器来比较样式表。要查看 CSS 内容或相关制作工具，您需要打开样式表卡片。
卡片区域提供以下操作：
- 打开创建者选项卡。
- 打开样式表标签页。
- 关闭卡片。