Developer Tools extension for debugging Backbone.js applications.
Backbone Debugger Extension
Adds a panel under the Chrome Developer Tools that displays in real-time all your application views, models, collections and routers.
Data displayed includes:
- Views: rendering status, html element, associated model and/or collection, handled page events, events triggered
- Models: last sync status, attributes, id, cid, url, associated collection, events triggered, sync actions
- Collections: last sync status, models, url, events triggered, sync actions
- Routers: events triggered (include routes)
Extends the sidebar of the developer tools \"Elements\" panel to display the Backbone View of the inspected html element.
========================
See the full list of changes and previous releases on https://github.com/Maluen/Backbone-Debugger/releases
Read more
Data displayed includes:
- Views: rendering status, html element, associated model and/or collection, handled page events, events triggered
- Models: last sync status, attributes, id, cid, url, associated collection, events triggered, sync actions
- Collections: last sync status, models, url, events triggered, sync actions
- Routers: events triggered (include routes)
Extends the sidebar of the developer tools \"Elements\" panel to display the Backbone View of the inspected html element.
========================
See the full list of changes and previous releases on https://github.com/Maluen/Backbone-Debugger/releases
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Backbone Debugger", "version": "0.5.0", "description": "Developer Tools extension for debugging Backbone.js applications.", "author": "Manuel Dell'Elce and contributors", "minimum_chrome_version": "110", "icons": { "16": "img/extension16.png", "48": "img/extension48.png", "128": "img/extension128.png" }, "manifest_version": 3, "devtools_page": "devtools.html", "background": { "service_worker": "js/background.js" }, "content_scripts": [ { "matches": [""], "match_about_blank": true, "js": ["js/contentscript.js"], "run_at": "document_start", "all_frames": true } ], "web_accessible_resources": [ { "resources": ["js/lib/*", "js/backboneAgent/*"], "matches": [""] } ], "permissions": [ "tabs" ]}
Read more