atomic dev toolคืออะไร?

atomic dev tool เป็นส่วนขยายของ Chrome ที่พัฒนาโดย kaizenatomic และคุณลักษณะหลักของมันคือ "A Chrome extension that helps debug atomic state management."

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

ดาวน์โหลดไฟล์ CRX ของส่วนขยาย atomic dev tool

ดาวน์โหลดไฟล์ส่วนขยาย atomic dev tool ในรูปแบบ crx และติดตั้งส่วนขยาย Chrome ด้วยตนเองในเบราว์เซอร์หรือแชร์ไฟล์ crx กับเพื่อนๆ เพื่อติดตั้งส่วนขยาย Chrome อย่างง่ายดาย

คำแนะนำในการใช้ส่วนขยาย

Atomic is an open source Google Chrome developer tool designed for applications built using Jotai as a state management library. Atomic developer tool provides real-time snapshots of a Jotai application's atomic state and component structure allowing developers to visually inspect their application state and a readily to determine development solutions.

Key features of Atomic devtool include:

- Display state changes between snapshots
- Display component tree structure
- Dynamically rendering graphic component visualization with state changes
- Atom network data visualization for both atom dependents and atom read dependencies

ข้อมูลพื้นฐานของส่วนขยาย

ชื่อ	atomic dev tool
ID	nnchkolpjdpkpbolophmdkglenapodbo
URL อย่างเป็นทางการ	https://chromewebstore.google.com/detail/atomic-dev-tool/nnchkolpjdpkpbolophmdkglenapodbo
คำอธิบาย	A Chrome extension that helps debug atomic state management.
ขนาดไฟล์	1.13 MB
จำนวนการติดตั้ง	209
เวอร์ชันปัจจุบัน	1.0.0
อัปเดตครั้งล่าสุด	2021-04-22
วันที่เผยแพร่	2021-04-22
คะแนน	3.67/5 รวมทั้งหมด 3 คะแนน
ผู้พัฒนา	kaizenatomic
อีเมล	[email protected]
ประเภทการชำระเงิน	free
เว็บไซต์ส่วนขยาย	https://www.atomictool.dev/
URL หน้าช่วยเหลือ	https://www.npmjs.com/package/atomic-devtools
ภาษาที่รองรับ	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "atomic dev tool", "version": "1.0.0", "devtools_page": "devtools.html", "description": "A Chrome extension that helps debug atomic state management.", "manifest_version": 2, "content_security_policy": "script-src 'self' 'unsafe-eval' ; object-src 'self'", "web_accessible_resources": [ "bundles\/backend.bundle.js" ], "background": { "scripts": [ "bundles\/background.bundle.js" ], "persistent": false }, "content_scripts": [ { "matches": [ "" ], "js": [ "bundles\/content.bundle.js" ], "run_at": "document_start", "all_frames": true } ] }