Backbone Debugger

Developer Tools extension for debugging Backbone.js applications.

What is Backbone Debugger?

Backbone Debugger is a Chrome extension developed by Maluen, and its main feature is "Developer Tools extension for debugging Backbone.js applications.".

Extension Screenshots

screenshot
screenshot
screenshot
screenshot

Download Backbone Debugger Extension CRX File

Download Backbone Debugger extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.

Extension Usage Instructions

                        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

Extension Basic Information

Name Backbone Debugger Backbone Debugger
ID bhljhndlimiafopmmhjlgfpnnchjjbhd
Official URL https://chromewebstore.google.com/detail/backbone-debugger/bhljhndlimiafopmmhjlgfpnnchjjbhd
Description Developer Tools extension for debugging Backbone.js applications.
File Size 365 KB
Installation Count 4,506
Current Version 0.4.1
Last Updated 2017-12-14
Publish Date 2017-12-14
Rating 4.53/5 Total 59 Ratings
Developer Maluen
Email [email protected]
Payment Type free
Extension Website https://github.com/Maluen/Backbone-Debugger
Help Page URL https://github.com/Maluen/Backbone-Debugger/issues
Supported Languages en
manifest.json 
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "Backbone Debugger",
    "version": "0.4.1",
    "description": "Developer Tools extension for debugging Backbone.js applications.",
    "author": "Manuel Dell'Elce and contributors",
    "minimum_chrome_version": "22.0",
    "icons": {
        "16": "img\/extension16.png",
        "48": "img\/extension48.png",
        "128": "img\/extension128.png"
    },
    "manifest_version": 2,
    "devtools_page": "devtools.html",
    "background": {
        "scripts": [
            "js\/background.js"
        ],
        "persistent": false
    },
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "match_about_blank": true,
            "js": [
                "js\/contentscript.js"
            ],
            "run_at": "document_start",
            "all_frames": true
        }
    ],
    "web_accessible_resources": [
        "js\/lib\/*",
        "js\/backboneAgent\/*"
    ],
    "content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'",
    "permissions": [
        "tabs"
    ]
}

Related Extensions

Solid Devtools
Solid Devtools
Ember Inspector
Ember Inspector
Redux DevTools
Redux DevTools
React Developer Tools
React Developer Tools