本页由机器翻译,没有会这门语言的人读过。凡与英文页面不一致之处,以我们亲手写的英文页面为准。

检查。创建。核对。截取。

面向网页开发与设计的浏览器工具箱

一个扩展里有 61 个工具,用来读取、修改和截取网页。无需账户,不上传任何内容,在你打开它之前页面上什么都不会运行。

目前还不能安装。 InspectDock 尚未提交到任何浏览器商店,所以没有安装按钮可给你。你现在就可以从源码构建,并以未打包的方式加载。

如何构建并加载 查看这 61 个工具

它能做什么

读取页面

计算后的样式、盒模型尺寸、字体、颜色、元数据、结构化数据,以及网站所用的技术栈。

修改页面

就地编辑文字、替换字体、强制深色模式、试一个背景,并注入自己的 CSS,在动手写之前先看到改动的样子。

截取页面

可视区域、一块区域、单个元素,或整页拼接,然后在分享前加标注或打码。

它长什么样

这些是真实工具的截图,取自本仓库的构建,内容就是各引擎实际产生的输出。这里没有任何效果图。 截图里的扩展运行在英文界面下。

渐变生成器工具的界面,显示三个色标、渐变的实时预览,以及生成的 CSS 声明。
渐变生成器,带实时预览和它生成的 CSS。
正则测试器工具在一行文本中匹配到两个电子邮件地址,并给出它们的位置。
正则测试器,匹配到两个地址,跳过了不是地址的那个。
对比度检查器工具报告 4.76 比 1 的对比度,并对每条 WCAG 阈值分别给出结论。
对比度检查器,按阈值分别给结论,而不是只有一个通过或不通过。
JSON 与 CSV 转换器把一个两行的 JSON 数组转成带引号的 CSV。
JSON 与 CSV 转换器,使用对表格软件安全的引号处理。

它如何对待你的数据

阅读隐私页面

这个项目真实的进展

把这件事说清楚,比挂一条上线横幅更重要:

已写成的工具61
已在浏览器中验证的工具0
商店上架暂无
付费版本尚未实现
测试过的浏览器仅 Chrome

已写成的意思是代码存在且其测试通过。它不表示有人坐下来确认过每个工具在真实浏览器里的表现是正确的,而这正是现在正在做的工作。我们宁可这样告诉你,也不愿往上取整。

常见问题

现在可以安装了吗?
不行。InspectDock 尚未提交到任何浏览器商店,所以没有安装链接。你现在就可以从源码构建,并在开发者模式下以未打包方式加载。等商店页面存在时,本页会链接过去。
它会往服务器发送什么?
默认什么都不发。截图、提取的数据和导出文件都留在你的设备上。没有分析统计,也没有崩溃上报。唯一的例外是 AI 助手:它在你配置之前一直关闭,使用你自己的 API 密钥,并且只有当你在开启页面上下文的情况下发送消息时才会发送页面文本。
为什么权限要逐项询问?
因为在你使用需要它的那个工具之前,它根本用不上。Cookie 访问和跨域访问都是可选的:扩展启动时两者都没有,只在某个具体工具确实需要时才询问,而且只针对那个站点。如果你拒绝,工具会说明它做不到什么,而不是悄悄失败。
我访问的每个页面它都会运行吗?
不会。没有常驻的内容脚本。在你于该页面打开工具栏之前,不会向页面注入任何东西。

全部问题