cssPicker - copy css from website

copy html and css from any website

什麼是cssPicker - copy css from website?

cssPicker - copy css from website是由https://csspicker.dev開發的Chrome擴展程式,該擴展的主要功能是“copy html and css from any website”。

擴展截圖

screenshot
screenshot
screenshot
screenshot

下載cssPicker - copy css from website擴展crx文件

下載cssPicker - copy css from website擴展crx格式的文件,手動將Chrome擴充功能安裝到瀏覽器中,也可以將crx文件分享給朋友,輕鬆安裝Chrome擴充功能。

擴展使用說明

                        CSSPicker 🎨  - copy css from website

Support Convert html to React or Tailwind CSS component.

How to Use?

    1.🌟 Click the extension icon.
    2.🚀 click element and copy the HTML/JSX/Tailwind code.

Key Features:

  [1] copy HTML elements with CSS styles from website, even inside iframe!
  [2] output the minimal amount of CSS code,  exactly what you want!
  [3] copy element as Tailwind css component
  [4] copy element as React component
  [5] copy element css selector without open devtools
  [6] convert html to React


Introduction:

Effortlessly copy element with CSS styles on any webpage.
Inspect and convert CSS codes without opening dev tools.
Speed up web development and enhance efficiency.

Problems Solved:
This browser extension addresses the following issues:
    - Frontend developers seeking quick access to style codes.
    - Indie hackers looking to easily build pages from free templates.
    - Developers grappling with writing CSS codes.

Who Should Use:

    Frontend developers.
    Indie hackers and entrepreneurs.
    Anyone working with CSS codes.

FAQs:

    ❓ What does this extension do?
        It allows you to instantly copy HTML and CSS for any element on a webpage.

    ❓ Does it work on all sites?
        Yes, it works on any webpage built with any framework, such as React, Vue, WordPress, etc. Just click to copy! 🌐
   ❓ Is cssPicker free?
        yes, we have free plan, which allows you to copy single element without children, this will cover basic usecase, if you want to copy element with children, try our paid plan!                    

擴展基本資訊

名稱 cssPicker - copy css from website cssPicker - copy css from website
ID laooinkgdapbcbjchpmihliljfnakkdh
官方網址 https://chromewebstore.google.com/detail/csspicker-copy-css-from-w/laooinkgdapbcbjchpmihliljfnakkdh
簡介 copy html and css from any website
檔案大小 903 KB
安裝次數 748
目前版本 1.0.24
更新時間 2024-01-17
上架時間 2023-09-19
評分 4.00/5 共 3 次評分
開發者 https://csspicker.dev
電子郵箱 [email protected]
付費類型 in_app
擴展官網 https://www.csspicker.dev/
支援的語言 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "cssPicker - copy css from website",
    "description": "copy html and css from any website",
    "version": "1.0.24",
    "manifest_version": 3,
    "icons": {
        "16": "img\/logo-16.png",
        "32": "img\/logo-34.png",
        "48": "img\/logo-48.png",
        "128": "img\/logo-128.png"
    },
    "action": {
        "default_icon": "img\/logo-128.png"
    },
    "options_page": "options.html",
    "background": {
        "service_worker": "service-worker-loader.js",
        "type": "module"
    },
    "web_accessible_resources": [
        {
            "matches": [
                ""
            ],
            "resources": [
                "img\/logo-16.png",
                "img\/logo-34.png",
                "img\/logo-48.png",
                "img\/logo-128.png",
                "pages\/index.html"
            ],
            "use_dynamic_url": false
        }
    ],
    "permissions": [
        "scripting",
        "activeTab",
        "storage"
    ]
}