Checka

Inspect CSS styles, layout properties, visual assets, and element spacing on any webpage.

这个文件用于填写 Chrome Developer Dashboard 的商店信息页。 基本信息 扩展名称：Checka 当前版本：0.1.0 推荐分类：开发者工具 主要语言：中文 单一用途：帮助用户在主动点击扩展图标后，检查当前网页元素的 CSS 样式、布局尺寸、视觉素材和元素间距。 简短描述 在任意网页上快速检查 CSS 样式、布局、视觉素材和元素间距。 详细描述 Checka 是一款面向设计师和前端开发者的网页检查工具。点击浏览器工具栏中的 Checka 图标后，它会在当前页面打开一个轻量级检查浮层，帮助你快速查看页面元素的样式、布局、素材和间距信息。 主要功能： 检查字体、字号、字重、行高、颜色和可见文本内容。 查看 margin、border、padding、内容尺寸、圆角、背景色、gap 和宽高行为。 识别并预览页面中的图片、内联 SVG、Canvas 截图和 CSS 背景图。 下载当前选中的可检查视觉素材。 使用标尺模式测量两个页面元素之间的水平或垂直距离。 检查界面运行在 Shadow DOM 中，尽量减少对被检查页面的影响。 可通过工具栏关闭按钮或 Esc 随时关闭检查浮层。 Checka 只会在用户主动点击扩展图标后运行。它不需要账号，不依赖后端服务，不收集分析数据，也不会把被检查页面的信息上传到远程服务器。 隐私页填写建议 是否收集用户数据：否。 是否使用远程代码：否。所有可执行代码都打包在提交到 Chrome 应用商店的扩展包中。 是否需要账号：否。 是否出售或转移用户数据：否。 是否将数据用于与单一用途无关的目的：否。 是否将数据用于信用评估或贷款相关用途：否。 权限说明摘要 activeTab：用户点击扩展图标后，临时访问当前标签页，用于读取页面元素并展示检查结果。 scripting：用户点击扩展图标后，将本地打包的 content.js 检查浮层注入当前标签页。 downloads：用户点击素材下载按钮后，通过 Chrome 下载所选图片、SVG、Canvas 截图或背景图。 更完整的权限说明见 docs/permissions-justification.md。 商店素材清单 图标：public/icons/icon128.png 已存在，并已在 manifest.json 中引用。 截图：建议准备至少 1 张 1280 x 800 或 640 x 400 的截图。 推广图：可选，但如果希望商店页面更完整，建议准备一张。 隐私政策：需要把 docs/privacy-policy.md 发布到一个公开 HTTPS 地址，然后在 Chrome Developer Dashboard 的隐私政策字段中填写该 URL。 截图建议 检查模式：展示选中一个文本元素后打开的字体和布局面板。 素材检查：展示图片预览和下载按钮。 标尺模式：展示两个页面元素之间的距离辅助线。