incubator-callback-dev mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From "Patrick Mueller (JIRA)" <j...@apache.org>
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

    [ https://issues.apache.org/jira/browse/CB-540?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=13261039#comment-13261039
] 

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|http://getfirebug.com/wiki/index.php/Command_Line_API]
like {{$()}} and {{$$()}} with {{inspect()}}.

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

    http://people.apache.org/~pmuellr/weinre/builds/2.0.0-pre-H1FFX7OT-incubating/

You can npm install via:

{noformat}
sudo npm -g install http://people.apache.org/~pmuellr/weinre/builds/2.0.0-pre-H1FFX7OT-incubating/apache-cordova-weinre-2.0.0-pre-H1FFX7OT-incubating-bin.tar.gz
{noformat}

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
selector
> ---------------------------------------------------------------------------------------------
>
>                 Key: CB-540
>                 URL: https://issues.apache.org/jira/browse/CB-540
>             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: https://issues.apache.org/jira/secure/ContactAdministrators!default.jspa
For more information on JIRA, see: http://www.atlassian.com/software/jira

        

Mime
View raw message