lzgbeyong

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

  •  
  •   lzgbeyong · Sep 25, 2023 · 3295 views
    This topic created in 1134 days ago, the information mentioned may be changed or developed.

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

    插件地址

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

    支持:

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

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

    插件图片

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