VisBugคืออะไร?

VisBug เป็นส่วนขยายของ Chrome ที่พัฒนาโดย https://visbug.web.app และคุณลักษณะหลักของมันคือ "Open source browser design tools"

ภาพหน้าจอของส่วนขยาย

ดาวน์โหลดไฟล์ 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
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" } } } }