Inspetor Web:适用于 Chrome 的轻量级页面 HTML 和 CSS 检查器
Inspetor Web,由Alexandre Silva Lins Junior开发,是一个Chrome扩展,可以让您在不打开完整开发者工具箱的情况下检查页面结构和样式。它以组织良好的工具提示显示元素数据,以便您可以一目了然地阅读排版、布局、颜色、属性和尺寸。该扩展专注于快速、低干扰的检查。前端开发人员、网页设计师和学生获得了一种紧凑的方式来审核布局并学习组件结构。
非常小的安装大小减少了扩展的开销
该扩展的体积为40KiB,这一事实在与更重的附加组件相比时,最小化了存储和初始加载的影响。这个小尺寸保持了安装程序和扩展包的紧凑,因此浏览器扩展的目录在磁盘使用上没有成比例的增加。对于安装多个辅助工具的团队或学习者来说,低磁盘占用的特性在保持干净的开发环境时显得尤为重要。
隐私优先设计避免外部数据传输
Inspetor Web采用隐私优先的架构,不收集个人数据或与外部服务器通信。由于检查是在本地进行,该工具减少了来自基于云的分析的跟踪暴露。这种仅限本地的行为意味着页面细节在您的机器上被揭示,而没有遥测,这适合需要将检查数据保留在第三方服务之外的工作流程。
快速激活和专注的覆盖层适合临时工作流程
该工具可以通过工具栏图标或Ctrl+Shift+I键盘快捷键激活,以切换检查覆盖层,支持在开发任务中快速切换上下文。一旦启用,它会突出显示活动元素,以便您可以在不搜索嵌套窗格的情况下找到结构。切换模式使得在设计迭代和课堂练习期间间歇性检查变得容易。
适用于Chromium浏览器并补充完整的开发工具
该扩展与Chrome和其他基于Chromium的浏览器兼容,包括:
- Chrome
- Microsoft Edge
- Brave和Opera
它将自己定位为浏览器内置开发者工具的替代品,通过提供更快、更轻量的检查,而不是完整的调试功能集;需要深入检查或分析的开发者仍然依赖于本机工具箱。
一个专注于学习和快速检查的工具,最适合短期检查
Inspetor Web 是一个实用的选项,适合希望以本地、低开销的方式在快速检查和原型制作期间检查页面结构的学习者和专业人士。因为它被描述为一种替代方案,而不是完全开发者工具的替代品,所以需要高级调试的用户应保持原生开发工具可用。该扩展现已上线,并在 Chrome 网上应用店等待首批用户评分。