Was ist Atma.js DevTool?

Atma.js DevTool ist eine Chrome-Erweiterung, die von https://atmajs.com entwickelt wurde, und ihr Hauptmerkmal ist "Development Tool to develop, inspect and debug Atma.js Components".

Erweiterungsscreenshots

Atma.js DevTool-Erweiterungs-CRX-Datei herunterladen

Laden Sie Atma.js DevTool-Erweiterungsdateien im crx-Format herunter, installieren Sie Chrome-Erweiterungen manuell im Browser oder teilen Sie die crx-Dateien mit Freunden, um Chrome-Erweiterungen einfach zu installieren.

Anleitung zur Verwendung der Erweiterung

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

Grundlegende Informationen zur Erweiterung

Name	Atma.js DevTool
ID	bpaepkmcmoablpdahclhdceapndfhdpo
Offizielle URL	https://chromewebstore.google.com/detail/atmajs-devtool/bpaepkmcmoablpdahclhdceapndfhdpo
Beschreibung	Development Tool to develop, inspect and debug Atma.js Components
Dateigröße	201 KB
Installationsanzahl	139
Aktuelle Version	0.2.2
Letztes Update	2014-09-30
Veröffentlichungsdatum	2014-09-29
Entwickler	https://atmajs.com
Zahlungsart	free
Hilfeseite URL	https://github.com/atmajs/atma-chrome-ext/issues
Unterstützte Sprachen	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "Atma.js DevTool", "version": "0.2.2", "description": "Development Tool to develop, inspect and debug Atma.js Components", "devtools_page": "devtools.html", "manifest_version": 2, "content_security_policy": "default-src 'self' chrome-extension-resource: ; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-eval'; connect-src ; frame-src ;", "web_accessible_resources": [ "*" ], "background": { "scripts": [ "lib\/background.js" ], "persistent": false }, "permissions": [ "tabs", "", "contextMenus" ], "icons": { "16": "\/image\/logo\/16.png", "48": "\/image\/logo\/48.png", "128": "\/image\/logo\/128.png" } }