V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
lzgbeyong
V2EX  ›  分享发现

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

  •  
  •   lzgbeyong · 2023-09-25 21:48:00 +08:00 · 1593 次点击
    这是一个创建于 423 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    插件地址

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

    支持:

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

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

    插件图片

    15 条回复    2023-09-26 14:18:03 +08:00
    Exgirlfriends
        1
    Exgirlfriends  
       2023-09-25 22:52:06 +08:00
    这个不错,感谢,有时候找代码确实闲麻烦
    lzgbeyong
        2
    lzgbeyong  
    OP
       2023-09-25 23:06:18 +08:00
    @Exgirlfriends 谢谢 ^_^
    512357301
        3
    512357301  
       2023-09-25 23:41:46 +08:00 via Android
    看起来不错
    haha512
        4
    haha512  
       2023-09-26 01:28:41 +08:00
    不错,加油
    gzlock
        5
    gzlock  
       2023-09-26 02:46:01 +08:00
    是“已计算”的值吗
    happy32199
        6
    happy32199  
       2023-09-26 08:08:30 +08:00 via iPhone
    可以复制整个页面不变形吗?
    xctcc
        7
    xctcc  
       2023-09-26 08:19:21 +08:00
    感觉好像不错
    lzgbeyong
        8
    lzgbeyong  
    OP
       2023-09-26 08:57:10 +08:00
    @gzlock 是的,但是只保留了修改过的属性,所以最后生成的样式比较精简。
    lzgbeyong
        10
    lzgbeyong  
    OP
       2023-09-26 09:07:34 +08:00
    @happy32199 这个没法保证,你可以试试看,有些信息会获取不到,比如跨域的样式和图片信息,还有 js 动效。
    可以用详情面板左上角的导航标签一直找父元素找到 body 进行复制。
    https://imgur.com/a/Ett8iSg
    hengr
        11
    hengr  
       2023-09-26 10:01:22 +08:00
    这个好像 iframe 里面的内容没办法找到吧 我试了一下好像只能 iframe 大框架的样式 是操作不对吗
    lzgbeyong
        12
    lzgbeyong  
    OP
       2023-09-26 10:27:34 +08:00
    @hengr 还没有支持,我加到 todo 里,十一的时候完善下
    benjunk
        13
    benjunk  
       2023-09-26 11:02:54 +08:00
    如何快捷退出 picker 模式呢
    lzgbeyong
        14
    lzgbeyong  
    OP
       2023-09-26 11:22:16 +08:00
    @benjunk 按 esc ,hover 的面板上有说明
    yqf0215
        15
    yqf0215  
       2023-09-26 14:18:03 +08:00
    非常好的东西。。。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1008 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 20:01 · PVG 04:01 · LAX 12:01 · JFK 15:01
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.