Apa itu VisBug?

VisBug adalah ekstensi Chrome yang dikembangkan oleh https://visbug.web.app, dan fitur utamanya adalah "Open source browser design tools".

Screenshot Ekstensi

Unduh Berkas CRX Ekstensi VisBug

Unduh file ekstensi VisBug dalam format crx, pasang ekstensi Chrome secara manual di peramban, atau bagikan file crx dengan teman untuk menginstal ekstensi Chrome dengan mudah.

Petunjuk Penggunaan Ekstensi

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

Informasi Dasar Ekstensi

Nama	VisBug
ID	cdockenadnadldjbbgcallicgledbeoc
URL Resmi	https://chromewebstore.google.com/detail/visbug/cdockenadnadldjbbgcallicgledbeoc
Deskripsi	Open source browser design tools
Ukuran File	5.35 MB
Jumlah Instalasi	187,716
Versi Saat Ini	0.3.55
Terakhir Diperbarui	2022-10-21
Tanggal Publikasi	2020-06-26
Penilaian	4.82/5 Total 225 Penilaian
Pengembang	https://visbug.web.app
Email	[email protected]
Tipe Pembayaran	free
Situs Ekstensi	https://github.com/GoogleChromeLabs/ProjectVisBug
URL Halaman Bantuan	https://github.com/GoogleChromeLabs/ProjectVisBug/issues
Bahasa yang Didukung	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" } } } }