incubator-callback-dev mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From "Patrick Mueller (JIRA)" <>
Subject [jira] [Commented] (CB-540) [weinre] ability to easily navigate to particular place in DOM via bookmarks/jump to selector
Date Tue, 24 Apr 2012 21:32:06 GMT


Patrick Mueller commented on CB-540:

I've added two Web Inspector capabilities to weinre, hopefully these will help.

1) When you reload a page with the weinre client still running, instead of getting the collapsed
<html> element, you should get what you got the first time - nodes expanded thru <body>.
 In addition, if you've selected an element in the element pane (click on it), the last selected
item before you reloaded should also be expanded out.  

2) When you call the {{inspect(thang)}} function, from the console, where {{thang}} is a DOM
element, that DOM element should be expanded out in the element pane.  Note, I believe you
can only call this from the console, not in your code.  Seems like it would be nice to have
this available as a function on {{console}} as well.

I think 1) will work out well, since you don't have to do anything special - kinda does what
you'd hope it'd do.  The second may work out well if you have easy access to your elements.
 Keep in mind you can use the ["command line API" functions|]
like {{$()}} and {{$$()}} with {{inspect()}}.

You can try this out in a build I just did, located here:

You can npm install via:

sudo npm -g install

Let me know how these work out.  If the {{console.inspect()}} function sounds interesting,
so you could (temporarily) add it to your code, let me know and I'll open a bug against Big
Web Inspector (and add it to weinre straight away).

I'm open for other ideas.  I like the idea of "bookmarking" elements, kinda like *Watch Expressions*
from the Scripts Pane, but for the Elements Pane.  I'd rather inherit that code from Web Inspector
than write it from scratch tho :-)
> [weinre] ability to easily navigate to particular place in DOM via bookmarks/jump to
> ---------------------------------------------------------------------------------------------
>                 Key: CB-540
>                 URL:
>             Project: Apache Callback
>          Issue Type: Bug
>          Components: weinre
>            Reporter: Pamela Fox
>            Assignee: Patrick Mueller
> I often use weinre to debug a particular element in the DOM and CSS changes to that element,
which means that I'm constantly making new changes and re-navigating to that element in the
DOM (since the Elements console loses its place between reloads). It'd be nice if I could
either jump to an element by CSS selector or bookmark it somehow, for quicker debugging.

This message is automatically generated by JIRA.
If you think it was sent incorrectly, please contact your JIRA administrators:!default.jspa
For more information on JIRA, see:


View raw message