dhruvaray / spa-eye Goto Github PK

Add a splitter to the interaction trails to easily change the ratio of the graphical area/tabular-area to increase usability.

• Discussion : https://groups.google.com/forum/#!topic/firebug/tNiGQp9q5Qo
• Extension example : https://github.com/firebug/extension-examples/tree/master/PanelSplitter

• Select any model (or collection or view) - maybe the first one - when a user navigates to the model (or collection or view) section.
• Preserve the selection until the user explicitly selects another model (or collection or view)

To direct user attention to the possibility of introspection error, it is a good idea to put a counter on the Eye Logs panel.

Discussion : https://groups.google.com/forum/#!topic/firebug/SVPiRHku_IU

I am looking forward to using this plugin for Mozilla, so far it is sort of working!! Btw I am using RequireJS. Everything is symettrical. Views, collections, models are all not global. So if models and collections show up, views should also, since everything is congruent and treated the same with RequireJS.

I have it working for models and collections (no routers?) as you can see:

but for views ---> they show up for a moment, and then disappear:

see, they show up for a second!!:

but then they disappear :(

any idea what could be wrong? thanks!

I am seeing an error (in FBTrace console):
mini-require; EXCEPTION lookup TypeError: Firebug.ScriptPanel is undefined
chrome://spa_eye/content/spa_eyePanel.js:377 (13)
resource://firebug/mini-require.js:88 (13)
chrome://spa_eye/content/spa_eyePanel.js:31 (1)

The ScriptPanel is no longer exposed through Firebug namespace. You need to specify it in the list of dep modules

require "firebug/debugger/script/scriptPanel" and use it.

Honza

Just a heads up that Firebug 3 is coming and this addon doesn't suport it yet. Thanks for all the hard work!!

I'm developing a Backbone + Marionette + Backbone.Associations App. There are approximately 70 views on the page I'm testing. I get the "There are no child views" message on the Linux version of Firefox 32. If I switch to Firefox 30 (also Linux) on my notebook, the views are detected normally. I do have to use Deep Check though.

I can click that "Reload" button and refresh my page but my Backbone stays like that:

I'm on a Xubuntu 15, Firefox 41.0, Firebug 2.0.12, Backbone Eye: v0.2.0

When I enable the Backbone Eye extension I can no longer press Enter, Up or Down keys in the multi-line console window in Firebug. It's as if the extension is simply eating those events.

Haha just kidding, but this looks great -- I'm curious how feasible it would be to get this working as a Chrome extension?

For now, plugin completely reloads when you are switching to it's tab. This leads to uncomfortable situations - for example, you scroll deep through large models list and then decide to inspect one of them in DOM panel. When you return back to BackboneEye tab, list will be reloaded, and all expanded objects and scroll position will be lost.

It's very annoying, and slows down my work very much.

Even more, it happens when you switch browser tab: plugin reloads when you return back to browser tab with opened Firebug where BackboneEye tab is active.

Is it possible to do not reload plugin automatically?

1. Enable Backbone Eye
2. Open http://m.taxi.yandex.ru/
3. Error

Backbone+Backbone.Relational

While installation its showing me Not available for Firefox 18.0 message.
Do you have any work around? Thanks

Show Backbone Eye version # somewhere so that it is easy for us to debug user problems.

Firefox Developer Edition version 37.0a2.

Installed Backbone Eye just fine, but it looks like it doesn't show up in dev tools as a tab.

Hello, I tried this with Backbone.js 1.0.0 and I have a function call attached to listen 'add' event for a model, which the function is to create and append some view to a bootstrap tab.

However after activating spa-eye, it simply stops append the views to the dom.

Here is the code which runs to append the newly created views to dom (and some views seems to be visible in spa-eye)

function(question) {

        // generate tab's ids
        var timestamp = new Date().getTime();
        this.id = 'tab' + timestamp;
        this.navTabId = 'nav-tab'+ timestamp;
        this.paneId = 'nav-pane'+ timestamp;

        var view, headerView;
        headerView = new HeaderView({quizView: this, paneId: this.paneId, collection: this.questionSet, model:question, id:this.navTabId});

        // find the correct view by type
        if (question instanceof Xxx) {
            view = new XxxView({model: question, id:this.paneId, headerView: headerView});
        }
// ... more if's //

        // append into respective locations

        this.tab.append(headerView.render().$el);
        this.pane.append(view.render().$el);

        // trigger show on the tab root div as bootstrap would be confused by
        // our markups
        headerView.$el.find('a').tab('show');
}

which only the headerView was visible in spa-eye. Whichever XxxView were created they were not visible and not appended like they never existed.

Thanks.

Its not even displayed in the FireBug 2.0.1. Please advice.

When a view is removed it is shown in the "Removed" section under the view tab, thus it is quite easy to determine if my code is leaking views. However, to determine if my code is leaking models I have to watch for the models in the model tab to be briefly highlighted in red. Collections may also behave this way. Am I missing something or is this the easiest way?

Just reporting some errors:

Overall it is picking up models, collections, and views. Not picking up any of my view templates (using Handlebars).