On Monday, April 14, 2014 7:35:35 PM UTC+2, Sandip Chitale wrote: > > Hi Honza, > > Thanks for trying it out. I am not seeing these errors. What exact > versions of Firebug and Firefox are you using. I will try to track these > down if I can. Seem to be coming from firebug itself? >
I am testing with Firefox 28 and Firebug 1.12.8 But, the problem came actually from Firebug, fixed at: https://github.com/firebug/firebug/commit/34f747662f1a512e18e1e7ea4d52a9a90abddfd3 (also fixed in Firebug 2) > In the context menu you will see a *JavaScript Object Diagram* , click on it. That will load the > object into JSOD panel and select it. Yep, works for me, very nice! - Scrollbars in the JSOD panel doesn't seem to cover the entire diagram area - Should the context menu item be available even in the DOM panel? - Why the debugger needs to be paused? I am seeing other error in our Firebug Tracing Console (FBTrace) Console Service ERROR [JavaScript Error: "TypeError: constructorObject is undefined" {file: "chrome://firejsod/content/JSODPanel.js" line: 454}] [JavaScript Error: "TypeError: constructorObject is undefined" {file: "chrome://firejsod/content/JSODPanel.js" line: 454}] You can install FBTrace (it's Firefox/Firebug extension and it's part of Firebug source repo) to see it. Read more here: https://getfirebug.com/wiki/index.php/FBTrace Honza > > Aslo the JSOD Panel is not automatically loaded. When the debugger is > suspended, go to the watches panel and right click on the value of a scope > variable. In the context menu you will see a *JavaScript Object Diagram* , > click on it. That will load the object into JSOD panel and select it. > > Hope this helps. > Sandip > > On Monday, April 14, 2014 2:45:30 AM UTC-7, Jan Honza Odvarko wrote: >> >> I am seeing a lot of: >> Console Service ERROR [JavaScript Error: "TypeError: >> node.className.search is not a function" {file: >> "chrome://firebug/content/lib/css.js" line: 356}] [JavaScript Error: >> "TypeError: node.className.search is not a function" {file: >> "chrome://firebug/content/lib/css.js" line: 356}] >> >> When selecting the JSOD tab and hovering mouse cursor over it. >> (tested with Firebug 1.12.8) >> >> (the JSOD tab is always empty, even if the debugger is suspended) >> >> Honza >> >> On Sunday, April 13, 2014 7:10:33 PM UTC+2, Sandip Chitale wrote: >>> >>> FireJSOD.xpi<https://github.com/sandipchitale/FireJSOD/raw/master/FireJSOD.xpi>available. >>> >>> >>> On Saturday, April 12, 2014 3:44:24 PM UTC-7, Sandip Chitale wrote: >>>> >>>> I someone wants to try this alpha version here is the git repository: >>>> >>>> https://github.com/sandipchitale/FireJSOD/ >>>> >>>> On Wednesday, April 9, 2014 5:53:14 PM UTC-7, Sandip Chitale wrote: >>>>> >>>>> Getting there: >>>>> http://sandipchitale.blogspot.com/2014/04/firejsod-javascript-object-diagram.html >>>>> >>>>> On Tuesday, April 8, 2014 9:58:20 AM UTC-7, Sandip Chitale wrote: >>>>>> >>>>>> Thanks. >>>>>> >>>>>> Yup...working on finishing it. Will post here when done. >>>>>> >>>>>> On Tuesday, April 8, 2014 6:36:04 AM UTC-7, Jan Honza Odvarko wrote: >>>>>>> >>>>>>> >>>>>>> >>>>>>> On Tuesday, April 8, 2014 3:17:27 PM UTC+2, Sandip Chitale wrote: >>>>>>>> >>>>>>>> Hi Jan, >>>>>>>> >>>>>>>> Thanks for the response. After a little bit of debugging I figured >>>>>>>> out that the 'object' argument is a JavaScript object (possibly a >>>>>>>> wrapper - >>>>>>>> due to a different JavaScript context) >>>>>>>> >>>>>>> True >>>>>>> >>>>>>> >>>>>>>> and that for JSOD purposes I can use it as such. So I am on my way >>>>>>>> to finish the implementation. I have also added JSOD Panel as a top >>>>>>>> level >>>>>>>> panel and and am able to switch to it when the context menu is >>>>>>>> clicked. Now >>>>>>>> it is simply a matter of populating the diagram. >>>>>>>> >>>>>>> Awesome, let us know when we can check out the extension >>>>>>> >>>>>>> Btw. here is a tutorial for developing Firebug extensions >>>>>>> (just in case you haven't seen that already) >>>>>>> http://www.softwareishard.com/blog/extending-firebug/ >>>>>>> >>>>>>> Honza >>>>>>> >>>>>>> >>>>>>> >>>>>>>> >>>>>>>> And yes I will look into building the extension for FB 2.0. >>>>>>>> >>>>>>>> Thanks, >>>>>>>> Sandip >>>>>>>> >>>>>>>> On Tuesday, April 8, 2014 1:08:56 AM UTC-7, Jan Honza Odvarko wrote: >>>>>>>>> >>>>>>>>> >>>>>>>>> >>>>>>>>> On Tuesday, April 8, 2014 8:06:58 AM UTC+2, Sandip Chitale wrote: >>>>>>>>>> >>>>>>>>>> I am trying to integrate my JavaScript Object Diagram (JSOD) with >>>>>>>>>> Firebug Watches panel. I have done a similar integration with Chrome >>>>>>>>>> devtools. For details see: >>>>>>>>>> >>>>>>>>> Sounds great! >>>>>>>>> >>>>>>>>> >>>>>>>>> >>>>>>>>>> >>>>>>>>>> http://sandipchitale.blogspot.com/2014/03/javascript-object-diagram-integration.html >>>>>>>>>> >>>>>>>>>> I have started my firebug extension and got to the point of >>>>>>>>>> showing a context menu on values in Watches panel. See: >>>>>>>>>> >>>>>>>>>> >>>>>>>>>> <https://lh4.googleusercontent.com/-3Gk2D5Zr6dI/U0OOgLGMdeI/AAAAAAAAE7I/yE_x2cXg9rc/s1600/firebugjsod.png> >>>>>>>>>> >>>>>>>>> You should build your extension for Firebug 2 >>>>>>>>> https://blog.getfirebug.com/2014/04/04/firebug-2-0-alpha-2/ >>>>>>>>> >>>>>>>>> The final 2.0 release will happen in about 2 months (when Firefox >>>>>>>>> 30 is out) >>>>>>>>> >>>>>>>>> The way how to extend the Watch panel context menu is the same. >>>>>>>>> >>>>>>>>> In any case, this Firebug extension example should help >>>>>>>>> >>>>>>>>> https://github.com/firebug/extension-examples/tree/master/ContextMenu >>>>>>>>> (if not, let me know and we can create a new example) >>>>>>>>> >>>>>>>>> >>>>>>>>> >>>>>>>>>> <https://lh4.googleusercontent.com/-3Gk2D5Zr6dI/U0OOgLGMdeI/AAAAAAAAE7I/yE_x2cXg9rc/s1600/firebugjsod.png> >>>>>>>>>> >>>>>>>>>> In case of Chrome devtools I basically get hold of the >>>>>>>>>> RemoteObject<https://chromium.googlesource.com/chromium/blink/+/master/Source/devtools/front_end/RemoteObject.js>. >>>>>>>>>> >>>>>>>>>> I draw the JSOD based on that. It is my understanding the equivalent >>>>>>>>>> of >>>>>>>>>> that in Firebug is >>>>>>>>>> ObjectReference<https://getfirebug.com/developer/api/firebug1.7/symbols/ObjectReference.html>. >>>>>>>>>> >>>>>>>>>> It should be very >>>>>>>>>> >>>>>>>>> This is version 1.7 and quite obsolete >>>>>>>>> >>>>>>>>> >>>>>>>>>> easy to port the Chrome integration code once I get hold of the >>>>>>>>>> ObjectReference because it is roughly similar to RemoteObject. >>>>>>>>>> >>>>>>>>>> Sooo... my question is, how do I get hold of the ObjectReference >>>>>>>>>> in my context menu click callback? >>>>>>>>>> >>>>>>>>> Take a look at the ContextMenu example, there is the following >>>>>>>>> handler: >>>>>>>>> >>>>>>>>> onContextMenu: function(items, object, target, context, panel, popup) >>>>>>>>> >>>>>>>>> >>>>>>>>> The second argument is the clicked object. >>>>>>>>> >>>>>>>>> Firebug is not fully remotable at this moment, so the object is >>>>>>>>> direct reference. >>>>>>>>> >>>>>>>>> >>>>>>>>> Honza >>>>>>>>> >>>>>>>>> >>>>>>>>> >>>>>>>>>> Any tips are appreciated. Once done I will contribute the >>>>>>>>>> extension to Firebug community. >>>>>>>>>> >>>>>>>>>> Regards, >>>>>>>>>> >>>>>>>>>> Sandip >>>>>>>>>> >>>>>>>>> -- You received this message because you are subscribed to the Google Groups "Firebug" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/firebug. To view this discussion on the web visit https://groups.google.com/d/msgid/firebug/be3c0c8f-2371-43ec-80fc-9c70f1cc7ed9%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
