On Tuesday, April 15, 2014 2:21:06 AM UTC-7, Jan Honza Odvarko wrote:
>
> 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)
>
>
Excellent!
> > 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!
>
> Thanks! I think this is going to be very useful to JavaScript beginners.
In addition, there are advanced applications with some more changes e..g.
we could add more functionality such as diagram showing path to GC roots
etc for detecting memory leaks etc
> - Scrollbars in the JSOD panel doesn't seem to cover the entire diagram
> area
>
Yes, I need to handle the layout properly.
- Should the context menu item be available even in the DOM panel?
>
It may work in case of Firebug because the objects are JavaScript objects.I
will look into it.
> - Why the debugger needs to be paused?
>
My original implementation was for Chrome devtools where it was based on
RemoteObject instances, which are only available when the debugger is
suspended (AFAIK).
>
> I am seeing other error in our Firebug Tracing Console (FBTrace)
>
Yes. I will try this so that I can see exceptions. like below.
> 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
>
>
> Got it. Thanks.
Sandip
> 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/f2d23015-1e9c-4957-9a4a-04141130c214%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
