English
See more
Development Tool to develop, inspect and debug Atma.js Components
Latest Version
Version
0.2.2
Update
September 29, 2014
Size
201KiB
Developer
atmajs.com
Category
Users
105 
Rating
0 ★
Manifest Version
2
Web Store Status
Extension ID
Languages Support
Permissions
Tabs
ContextMenus
See more
ContextMenus
Atma.js DevTool Extension
Features:
- Components tree
- Highlight components child-elements
- Expose `$c` to manipulate with the selected component
- Inspect components properties, bindings, slots and resources
Quick demo:
- Install the extension
- Navigate to: http://todomvc.com/labs/architecture-examples/atmajs/
- Open the DevTools and select the Atma.js tab
Read more
- Components tree
- Highlight components child-elements
- Expose `$c` to manipulate with the selected component
- Inspect components properties, bindings, slots and resources
Quick demo:
- Install the extension
- Navigate to: http://todomvc.com/labs/architecture-examples/atmajs/
- Open the DevTools and select the Atma.js tab
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx",\t"name": "Atma.js DevTool",\t"version": "0.2.2",\t"description": "Development Tool to develop, inspect and debug Atma.js Components",\t"devtools_page": "devtools.html",\t"manifest_version": 2,\t"content_security_policy": "default-src 'self' chrome-extension-resource: ; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-eval'; connect-src *; frame-src *;",\t"web_accessible_resources": [\t\t\t"*"\t],\t"background": {\t\t"scripts": ["lib/background.js"],\t\t"persistent": false\t},\t"permissions": [\t\t"tabs",\t\t"", \t\t"contextMenus"\t],\t"icons": {\t\t"16": "/image/logo/16.png",\t\t"48": "/image/logo/48.png",\t\t"128": "/image/logo/128.png"\t}}
Read more
