VisBug

Open source browser design tools

VisBug là gì?

VisBug là một tiện ích mở rộng Chrome được phát triển bởi https://visbug.web.app, và tính năng chính của nó là "Open source browser design tools".

Ảnh Chụp Màn Hình của Tiện Ích Mở Rộng

screenshot

Tải xuống tệp CRX của tiện ích mở rộng VisBug

Tải xuống các tệp mở rộng VisBug dưới định dạng crx, cài đặt các tiện ích mở rộng Chrome bằng tay trong trình duyệt hoặc chia sẻ các tệp crx với bạn bè để dễ dàng cài đặt các tiện ích mở rộng Chrome.

Hướng Dẫn Sử Dụng Tiện Ích Mở Rộng

                        Open source web design debug tools built with JavaScript: a FireBug for designers.

- Point, click, move, resize & tinker
- Edit or style any page, in any state, like it's an artboard
- Inspect styles, spacing, distance, accessibility and alignment
- Nitpick layouts & content, in the real end environment, at any device size
- Leverage adobe/sketch skills
- Edit text, replace images
- Design within the chaos: use production or prototypes and the odd states they produce, as artboards and design opportunities
- Design while DevTools simulates latency, i18n, media queries, platform constraints, CPUs, screensize, etc
- Make more decisions on the front end of your site/app (a11y, responsive, edge cases, etc)
- No waiting for developers to expose their legos, just go direct and edit the end state (regardless of framework) and execute/test an idea

Give power to designers & content creators, in a place where they currently feel they have little to none, **by bringing design tool interactions and hotkeys to the browser**                    

Thông Tin Cơ Bản về Tiện Ích Mở Rộng

Tên VisBug VisBug
ID cdockenadnadldjbbgcallicgledbeoc
URL Chính Thức https://chromewebstore.google.com/detail/visbug/cdockenadnadldjbbgcallicgledbeoc
Mô tả Open source browser design tools
Kích Thước Tệp 5.35 MB
Số Lần Cài Đặt 187,716
Phiên Bản Hiện Tại 0.3.55
Cập Nhật Lần Cuối 2022-10-21
Ngày Phát Hành 2020-06-26
Đánh Giá 4.82/5 Tổng số 225 Đánh Giá
Nhà Phát Triển https://visbug.web.app
Email [email protected]
Loại Thanh Toán free
Trang Web Mở Rộng https://github.com/GoogleChromeLabs/ProjectVisBug
URL Trang Trợ Giúp https://github.com/GoogleChromeLabs/ProjectVisBug/issues
Ngôn Ngữ Được Hỗ Trợ en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "VisBug",
    "version": "0.3.55",
    "description": "Open source browser design tools",
    "manifest_version": 2,
    "icons": {
        "128": "icons\/visbug.png"
    },
    "permissions": [
        "activeTab",
        "contextMenus",
        "storage"
    ],
    "background": {
        "persistent": true,
        "scripts": [
            "visbug.js",
            "contextmenu\/launcher.js",
            "contextmenu\/colormode.js",
            "contextmenu\/colorscheme.js"
        ]
    },
    "browser_action": {
        "default_title": "Click or press Alt+Shift+D to launch VisBug",
        "default_icon": {
            "128": "icons\/visbug.png"
        }
    },
    "web_accessible_resources": [
        "tuts\/*",
        "toolbar\/*"
    ],
    "commands": {
        "_execute_browser_action": {
            "suggested_key": {
                "windows": "Alt+Shift+D",
                "mac": "Alt+Shift+D",
                "chromeos": "Alt+Shift+D",
                "linux": "Alt+Shift+D"
            }
        }
    }
}