<div dir="ltr"><div class="gmail_extra"><div class="gmail_quote">On Wed, Oct 8, 2014 at 7:54 PM, Brian Grinstead <span dir="ltr"><<a href="mailto:bgrinstead@mozilla.com" target="_blank">bgrinstead@mozilla.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><span class="">On 10/8/14 6:03 PM, Ehsan Akhgari wrote:<br>
</span><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><span class="">
Great!<br>
<br>
Do we also display the XBL bindings applied to a given element similar<br>
to the way that DOM Inspector does?<br>
<br>
On Wed, Oct 8, 2014 at 5:46 PM, Brian Grinstead <<a href="mailto:bgrinstead@mozilla.com" target="_blank">bgrinstead@mozilla.com</a><br></span><span class="">
<mailto:<a href="mailto:bgrinstead@mozilla.com" target="_blank">bgrinstead@mozilla.com</a><u></u>>> wrote:<br>
<br>
In case you haven't seen this, the Inspector tab in the Browser<br>
Toolbox [0] now displays XBL anonymous content and ::before/::after<br>
elements now that Bugs 777674 and 920141 have landed. This should<br>
make the tools better for working on the browser frontend. You can<br>
see a screenshot of what it looks like with and without the change<br></span>
here: <a href="https://dl.dropboxusercontent." target="_blank">https://dl.dropboxusercontent.</a><u></u>__com/u/185952/xbl-content.png<br>
<<a href="https://dl.dropboxusercontent.com/u/185952/xbl-content.png" target="_blank">https://dl.<u></u>dropboxusercontent.com/u/<u></u>185952/xbl-content.png</a>>.<span class=""><br>
<br>
This was obviously one feature that we were lacking compared to DOM<br>
Inspector - let me know if there are any other things that keep you<br>
using DOMi over the native tools.<br>
<br>
Brian<br>
<br>
[0]:<br></span>
<a href="https://developer.mozilla.org/__en-US/docs/Tools/Browser___Toolbox" target="_blank">https://developer.mozilla.org/<u></u>__en-US/docs/Tools/Browser___<u></u>Toolbox</a><br>
<<a href="https://developer.mozilla.org/en-US/docs/Tools/Browser_Toolbox" target="_blank">https://developer.mozilla.<u></u>org/en-US/docs/Tools/Browser_<u></u>Toolbox</a>><br>
______________________________<u></u>___________________<br>
firefox-dev mailing list<br>
<a href="mailto:firefox-dev@mozilla.org" target="_blank">firefox-dev@mozilla.org</a> <mailto:<a href="mailto:firefox-dev@mozilla.org" target="_blank">firefox-dev@mozilla.<u></u>org</a>><br>
<a href="https://mail.mozilla.org/__listinfo/firefox-dev" target="_blank">https://mail.mozilla.org/__<u></u>listinfo/firefox-dev</a><br>
<<a href="https://mail.mozilla.org/listinfo/firefox-dev" target="_blank">https://mail.mozilla.org/<u></u>listinfo/firefox-dev</a>><br>
<br>
<br>
<br>
<br>
--<br>
Ehsan<br>
</blockquote>
<br>
Unfortunately I don't think there is a way to click through the XBL bindings like DOMi lets you. Although you can find the binding in the CSS rule view and double click on it to open the XML file in a new window. As far as I can tell, the XBL bindings panel in DOMi is basically parsing this file out and showing it in an easier to view way. I had never seen this before, do you frequently use it?<span class="HOEnZb"><font color="#888888"></font></span><br></blockquote></div><br></div><div class="gmail_extra">Not any more, but in a past life when I hacked on add-ons and the front-end, I remember using this, I think mostly as a learning tool to understand how the XBL bindings worked. One neat feature would be the ability to edit the implementation of XBL provided methods and properties but I don't think DOM Inspector was able to do that...<br clear="all"></div><div class="gmail_extra"><br></div><div class="gmail_extra">Cheers,<br></div><div class="gmail_extra">-- <br><div dir="ltr">Ehsan<br></div>
</div></div>