VisBug

Open source browser design tools

Τι είναι το VisBug;

Το VisBug είναι ένα πρόσθετο Chrome που αναπτύχθηκε από τον https://visbug.web.app, και η κύρια λειτουργία του είναι "Open source browser design tools".

Στιγμιότυπα Επέκτασης

screenshot

Λήψη αρχείου CRX της επέκτασης VisBug

Λήψη αρχείων επέκτασης VisBug σε μορφή crx, εγκατάσταση των επεκτάσεων Chrome μη αυτόματα στον περιηγητή ή κοινοποίηση των αρχείων crx με φίλους για εύκολη εγκατάσταση των επεκτάσεων Chrome.

Οδηγίες Χρήσης της Επέκτασης

                        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**                    

Βασικές Πληροφορίες Επέκτασης

Όνομα VisBug VisBug
ID cdockenadnadldjbbgcallicgledbeoc
Επίσημο URL https://chromewebstore.google.com/detail/visbug/cdockenadnadldjbbgcallicgledbeoc
Περιγραφή Open source browser design tools
Μέγεθος Αρχείου 5.35 MB
Αριθμός Εγκαταστάσεων 187,716
Τρέχουσα Έκδοση 0.3.55
Τελευταία Ενημέρωση 2022-10-21
Ημερομηνία Δημοσίευσης 2020-06-26
Αξιολόγηση 4.82/5 Συνολικά 225 Αξιολογήσεις
Προγραμματιστής https://visbug.web.app
Ηλεκτρονικό ταχυδρομείο [email protected]
Τύπος Πληρωμής free
Ιστότοπος Επέκτασης https://github.com/GoogleChromeLabs/ProjectVisBug
Διεύθυνση URL της Σελίδας Βοήθειας https://github.com/GoogleChromeLabs/ProjectVisBug/issues
Υποστηριζόμενες Γλώσσες 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"
            }
        }
    }
}