SVG Screenshot

Take scalable, semantic, accessible screenshots, in SVG format.

什麼是SVG Screenshot？

SVG Screenshot是由felixfbecker開發的Chrome擴展程式，該擴展的主要功能是“Take scalable, semantic, accessible screenshots, in SVG format.”。

擴展截圖

screenshot

下載SVG Screenshot擴展crx文件

下載SVG Screenshot擴展crx格式的文件，手動將Chrome擴充功能安裝到瀏覽器中，也可以將crx文件分享給朋友，輕鬆安裝Chrome擴充功能。

擴展使用說明

                        SVG screenshots offer various benefits over normal PNG screenshots, while keeping the good parts:

🖼 Flexible: Freely select the region of the website you want to capture or capture the whole page.
💢 Scalable graphics: Screenshots never get pixelated when zooming in.
📝 Semantic: Text can still be selected and copied to clipboard.
🦻 Accessible: SVG is annotated with ARIA attributes and can be read by screen readers.
🖥 Paste into design tools: SVGs will work in design tools like Illustrator, Figma, Sketch etc.
🔗 Interactive: Links are still clickable.
📦 Self-contained: Inlines external resources like images, fonts, etc.
📸 Static: Styles and layout are recorded at the time of snapshot and will not change.
🗜 Small: Depending on the content, SVGs can be magnitudes smaller than PNGs and compress loslessly.
🛡 Secure: The SVG will not contain any JavaScript.

擴展基本資訊

名稱 SVG Screenshot SVG Screenshot
ID nfakpcpmhhilkdpphcjgnokknpbpdllg
官方網址 https://chromewebstore.google.com/detail/svg-screenshot/nfakpcpmhhilkdpphcjgnokknpbpdllg
簡介 Take scalable, semantic, accessible screenshots, in SVG format.
檔案大小 511 KB
安裝次數 6,291
目前版本 0.11.5
更新時間 2021-05-24
上架時間 2020-10-26
評分 4.36/5 共 25 次評分
開發者 felixfbecker
電子郵箱 [email protected]
付費類型 free
擴展官網 https://github.com/felixfbecker/svg-screenshots
說明頁面URL https://github.com/felixfbecker/svg-screenshots/issues
支援的語言 en
manifest.json 
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 2,
    "name": "SVG Screenshot",
    "description": "Take scalable, semantic, accessible screenshots, in SVG format.",
    "version": "0.11.5",
    "permissions": [
        "activeTab",
        "",
        "storage"
    ],
    "icons": {
        "128": "images\/icon_128.png",
        "256": "images\/icon_256.png"
    },
    "web_accessible_resources": [
        "src\/content.js"
    ],
    "browser_action": {
        "default_popup": "src\/popup.html",
        "default_title": "Capture SVG screenshot",
        "default_icon": {
            "128": "images\/icon_128.png",
            "256": "images\/icon_256.png"
        }
    },
    "background": {
        "scripts": [
            "src\/background.js"
        ]
    },
    "browser_specific_settings": {
        "gecko": {
            "id": "svg-screenshots@felixfbecker"
        }
    }
}

相關的擴展

SVG Screenshot
SVG Screenshot
CSS Used
CSS Used
SVG Export
SVG Export
JPG to SVG Converter
JPG to SVG Converter
Shotmockr: Design Mockups, Screen Recorder
Shotmockr: Design Mockups, Screen Recorder
Placeholdifier
Placeholdifier
HTML to Figma - by Builder.io
HTML to Figma - by Builder.io
Image Vectorizer (Convert to SVG)
Image Vectorizer (Convert to SVG)
Refined GitHub
Refined GitHub
VisBug
VisBug
SVG Gobbler
SVG Gobbler
Export SVG with Style
Export SVG with Style