InSpec 1.6.1 破解版 – Mac可视化CSS编辑

介绍

InSpec 是一款面向 macOS 的独立 CSS 检查与可视化编辑浏览器，适合处理网页从“浏览器里看起来正确”到“真正合并进主分支”之间的细节调整。用户可以直接点击页面元素，查看匹配到的 CSS 规则、选择器、声明以及 :hover、:focus-visible、:disabled、深色模式、打印模式和 @media 等变体，并通过颜色选择器、透明度滑块、阴影、渐变、圆角、Flex 和贝塞尔曲线编辑器快速修改样式。编辑结果会按照页面 URL 持久保存，支持单页导航、重新加载、退出和再次启动后自动恢复。每项修改都记录来源样式表、选择器和原始值，可按文件复制为 CSS，也能在本地页面中写回 HTML、style 属性、style 区块或对应的 CSS 文件。软件还提供响应式视口预设、检查模式、对齐辅助线、覆盖开关、元素层级导航、批量或单项禁用覆盖、截图与可持久化批注功能，采用 SwiftUI、WebKit 和注入式 JavaScript 构建，无遥测、无服务器依赖，支持 Apple Silicon 与 Intel，要求 macOS 14 Sonoma 或更高版本。

截图

功能

InSpec 是一款为网页样式调整和前端协作设计的原生 macOS CSS 检查器与编辑工具，拥有独立宽敞的工作窗口，通过可视化控件直接编辑页面样式，并将修改持续保存、复制或写回本地源文件。

• CSS变体一键切换: 自动读取目标元素相关 CSS 中的伪类和 @media 上下文，可直接切换 :hover、:focus-visible、:disabled、深色模式、打印模式等状态，编辑时无需持续悬停或改变系统外观。
• 编辑内容持久保存: 覆盖规则与页面 URL 关联，支持单页 pushState 导航、完整刷新、退出应用和重新启动后继续保留样式修改。
• 按规则集查看样式: 以级联顺序列出所有匹配目标元素的 CSS 规则，将选择器作为分组标题，并在下方展示可编辑声明，同时单独收纳新增的 Inspector edits。
• 可视化样式编辑器: 提供透明度滑块、macOS 原生颜色面板，以及 box-shadow、渐变、border-radius、Flex 和 cubic-bezier 等视觉化编辑工具。
• 灵活指定保存位置: 添加属性时可以选择写入 element.style、head 中的 style 区块或页面关联的样式表，覆盖目标会跟随编辑记录保存。
• 覆盖目标随时调整: 在覆盖样式面板中通过每行的目标标签切换样式表、style 属性和 style 区块，不需要重新输入或丢失当前值。
• 一键写回本地源文件: 本地页面支持将行内修改写入元素 style 属性，将 style 修改追加到 head 中的 InSpec overrides 区块，并把样式表修改写入对应的 .css 文件。
• 断点范围精准匹配: 来源规则位于 @media 查询内时，覆盖会自动沿用相同断点范围，也可以逐项选择修改适用的媒体条件，避免样式泄漏到其他视口。
• 覆盖效果快速对比: 页面栏眼睛按钮可一次关闭或恢复全部覆盖，每个属性也提供独立开关，方便与原始页面进行 A/B 对照。
• 面向编辑的元素导航: 支持右键在元素的父级和子级之间移动，检查器顶部同步显示层级链，并过滤 html 与 head 等通常不需要直接编辑的节点。
• 持久化页面批注: 可在元素上添加绿色勾、红色叉或黄色备注，批注会跨刷新和重启保留，并随截图一起导出。
• 响应式截图捕获: 可使用任意响应式视口预设截图，也能一次捕获全部预设，页面批注会渲染到图像中，适合提交评审或交给编码代理。
• 原生轻量架构: 基于 SwiftUI、WebKit 和少量注入式 JavaScript 检查器构建，不包含遥测、服务器或远程依赖。

直链下载

下载链接