dhruvaray / spa-eye Goto Github PK
View Code? Open in Web Editor NEWBackbone debugger for Firefox
Home Page: http://dhruvaray.github.io/spa-eye/
Backbone debugger for Firefox
Home Page: http://dhruvaray.github.io/spa-eye/
Add a splitter to the interaction trails to easily change the ratio of the graphical area/tabular-area to increase usability.
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.
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?
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?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.