SnappySnippet

Easily extract CSS and HTML from selected element. Then send it to CodePen, jsFiddle or JS Bin with one click.

SnappySnippetとは何ですか?

SnappySnippetはfangtianshengによって開発されたChromeの拡張機能で、その主な機能は「Easily extract CSS and HTML from selected element. Then send it to CodePen, jsFiddle or JS Bin with one click.」です。

拡張機能のスクリーンショット

screenshot
screenshot
screenshot
screenshot

SnappySnippet拡張機能のCRXファイルをダウンロード

SnappySnippet拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

                        Chrome/Chromium extension that allows easy CSS+HTML extraction of specific DOM element. Created snippet can be then exported to CodePen, jsFiddle or JS Bin with one click.

Other features:

cleans up HTML (removing unnecessary attributes, fixing indentation)
optimizes CSS to make it readable
fully configurable (all filters can be turned off)
nice UI thanks to Bootstrap & Flat-UI projects
works with :before and :after pseudo elements                    

拡張機能の基本情報

名前 SnappySnippet SnappySnippet
ID mdmgnnmlhdfofojkdoajglgmhaicejkk
公式URL https://chromewebstore.google.com/detail/snappysnippet/mdmgnnmlhdfofojkdoajglgmhaicejkk
説明 Easily extract CSS and HTML from selected element. Then send it to CodePen, jsFiddle or JS Bin with one click.
ファイルサイズ 2.24 MB
インストール数 12,619
現在のバージョン 1.0.0
最終更新日 2020-12-27
公開日 2020-12-26
評価 4.25/5 合計 8 レビュー
開発者 fangtiansheng
Eメール [email protected]
支払い方法 free
拡張機能のウェブサイト https://github.com/valuespider/SnappySnippet
ヘルプページのURL https://github.com/valuespider/SnappySnippet/issues
対応言語 en-US
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "SnappySnippet",
    "description": "Easily extract CSS and HTML from selected element. Then send it to CodePen, jsFiddle or JS Bin with one click.",
    "version": "1.0.0",
    "manifest_version": 2,
    "minimum_chrome_version": "18.0",
    "icons": {
        "24": "gfx\/icon_24.png",
        "128": "gfx\/icon_128.png"
    },
    "devtools_page": "devtools.html",
    "background": {
        "scripts": [
            "js\/background.js"
        ],
        "persistent": false
    },
    "content_security_policy": "script-src 'self' https:\/\/apis.google.com https:\/\/platform.twitter.com https:\/\/www.facebook.com; object-src 'self'"
}