[插件推荐] cssPicker：一键复制任何网页元素和样式代码

[lzgbeyong]

闲着没事，开发了一个可以复制任何网站元素样式的 chrome 插件

插件地址

官网地址：https://www.csspicker.dev/

支持：

• 1 、一键复制元素 html 代码及其 css
• 2 、元素可以转成 JSX 形式
• 3 、样式可以转成 tailwind

有需要的可以体验下，欢迎反馈问题。

[Exgirlfriends]

这个不错，感谢，有时候找代码确实闲麻烦

[lzgbeyong]

@Exgirlfriends 谢谢 ^_^

[512357301]

看起来不错

[haha512]

不错，加油

[gzlock]

是“已计算”的值吗

[happy32199]

可以复制整个页面不变形吗？

[xctcc]

感觉好像不错

[lzgbeyong]

@gzlock 是的，但是只保留了修改过的属性，所以最后生成的样式比较精简。

[lzgbeyong]


[lzgbeyong]

@happy32199 这个没法保证，你可以试试看，有些信息会获取不到，比如跨域的样式和图片信息，还有 js 动效。
可以用详情面板左上角的导航标签一直找父元素找到 body 进行复制。
https://imgur.com/a/Ett8iSg

[hengr]

这个好像 iframe 里面的内容没办法找到吧 我试了一下好像只能 iframe 大框架的样式 是操作不对吗

[lzgbeyong]

@hengr 还没有支持，我加到 todo 里，十一的时候完善下

[benjunk]

如何快捷退出 picker 模式呢

[lzgbeyong]

@benjunk 按 esc ，hover 的面板上有说明

[yqf0215]

非常好的东西。。。