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

2023-09-25 21:48:00 +08:00
 lzgbeyong

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

插件地址

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

支持：

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

1649 次点击
所在节点    分享发现
15 条回复
Exgirlfriends
2023-09-25 22:52:06 +08:00
这个不错，感谢，有时候找代码确实闲麻烦
lzgbeyong
2023-09-25 23:06:18 +08:00
@Exgirlfriends 谢谢 ^_^
512357301
2023-09-25 23:41:46 +08:00
看起来不错
haha512
2023-09-26 01:28:41 +08:00
不错，加油
gzlock
2023-09-26 02:46:01 +08:00
是“已计算”的值吗
happy32199
2023-09-26 08:08:30 +08:00
可以复制整个页面不变形吗？
xctcc
2023-09-26 08:19:21 +08:00
感觉好像不错
lzgbeyong
2023-09-26 08:57:10 +08:00
@gzlock 是的，但是只保留了修改过的属性，所以最后生成的样式比较精简。
lzgbeyong
2023-09-26 09:00:27 +08:00
![Untitled]( https://prod-files-secure.s3.us-west-2.amazonaws.com/df617cb0-9986-4b40-b48f-dd28e3837c79/a2c5f752-63e0-4c11-bd15-56448ab553d3/Untitled.png)
lzgbeyong
2023-09-26 09:07:34 +08:00
@happy32199 这个没法保证，你可以试试看，有些信息会获取不到，比如跨域的样式和图片信息，还有 js 动效。
可以用详情面板左上角的导航标签一直找父元素找到 body 进行复制。
https://imgur.com/a/Ett8iSg
hengr
2023-09-26 10:01:22 +08:00
这个好像 iframe 里面的内容没办法找到吧 我试了一下好像只能 iframe 大框架的样式 是操作不对吗
lzgbeyong
2023-09-26 10:27:34 +08:00
@hengr 还没有支持，我加到 todo 里，十一的时候完善下
benjunk
2023-09-26 11:02:54 +08:00
如何快捷退出 picker 模式呢
lzgbeyong
2023-09-26 11:22:16 +08:00
@benjunk 按 esc ，hover 的面板上有说明
yqf0215
2023-09-26 14:18:03 +08:00
非常好的东西。。。

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/977100

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX