2 分•作者: brouser•7 个月前
它是一个 Chrome DevTools Protocol (CDP) 的封装，CDP 是 DevTools 使用的相同 API，用于像访问 DOM 一样，以编程方式和直观地检查元素。<p>为什么要做这个？我见过太多工具声称可以获取匹配的 CSS 样式规则，但实际上只能获取计算后的样式。我们真正想要以编程方式检索的是真实的 DevTools 数据——CSS 规则、选择器和层叠顺序，然而 CDP 很难使用，充满了未记录的怪癖。人们必须观察 Devtools 的行为并检查庞大的 DevTools 前端代码库，才能知道如何使用它。之前我曾从事 Chromium 分支的开发工作，我觉得是时候一劳永逸地解决这个问题了。<p>我们可以围绕它构建什么？这是我想问大家的问题。<p>可能和许多人一样，MCP 是我首先想到的，但后来我想知道，鉴于这个简单的 API，也许代理可以直接编写脚本？需要大家的意见。<p>我自己的用例是 CSS 内联。这个库实际上是从我的 UI 克隆器项目中分离出来的：<p><a href="https://github.com/devtoolcss/devtoolcss" rel="nofollow">https://github.com/devtoolcss/devtoolcss</a><p>我当时正在移植一个 WordPress + Elementor 网站，并希望自动化将 CSS 从不可读的样式表中转换的过程。<p>那么，你觉得呢？
有什么想法、建议或可以构建的项目吗？
很想听听你的想法——也欢迎在评论中分享你自己的项目！