Aardvark - Firefox add-on

https://addons.mozilla.org/en-US/firefox/addon/4111

Powerful and user-friendly selector utility for selecting elements and doing various actions on them. It can be used for cleaning up a page prior to printing it (by removing and isolating elements), for making the page more readable, and (most appreciated by web developers), for analyzing the structure of a page.

To use Aardvark, just right-click on the page and select Start Aardvark from the popup menu. As you move the mouse over the page, you will see a red rectangle around the current block element, along with a label showing its type, and if they exist, its id, class, and style. You can then press various keys on the keyboard to do things, for instance W to navigate wider (as shown in the image), R to remove the element, I to isolate the element (that is, remove everything else on the page), V to view formatted source of that element, U to undo, Q to quit aardvark, and H for help, that is, a list of the 14 or so available keystrokes.

There is now an extremely powerful new command for Javascript developers, that generates DOM code by selecting an element on a web page (such as your html mockup). See the web site for documentation. Also on the web site is a bookmarklet version of Aardvark that works on those other browsers that we, unfortunately, need to make our sites work on as well.



[recovering disk space -- attachment deleted by admin]

[Global Moderator]

I'll try it and post back.


I can't get it to work...

Aardvark 2.96 does not work for me but Aardvark 2.9 does.  (Firefox 2)

I can't get it to work...

You're with FF2, right?

[Global Moderator]

I can't get it to work...

You're with FF2, right?

2.9 Works here.

Not bad.

Actually, the more I use it, the better I like it.

[Global Moderator]

Heh, it's entertaining.

Tell me, I ever advised you something bad??

[Global Moderator]

Tell me, I ever advised you something bad??

Uhhh...

There really isn't much we can do now. My suggestion is you grab a hammer (borrow one if you don't have one) and smash your computer senselessly until it is unrecognizable.

 

This is Java script for your avatar:

Code: [Select]

el("img", {height:"65", border:"0", width:"65", className:"avatar", src:"http://www.computerhope.com/forum/index.php?action=dlattach;attach=4145;type=avatar"})

[Global Moderator]

Code: [Select]

el("img", {width:"65", height:"60", border:"0", className:"avatar", src:"http://209.85.48.8/228/109/upload/p3858505.gif"})
There's yours. 

I also downloaded the Remove It Permanently (R.I.P.) extension mentioned in the Aardvark help menu.  The combination is very useful.

Hey, you're taking a lot of space.
Just your whole header, or whatever it's called (that box where your name, and avatar is), takes almost a whole page of code:

Code: [Select]

<div class="smalltext">
FAQ Moderator
<br />
Guru
<br />
<img border="0" alt="*" src="http://www.computerhope.com/forum/Themes/babylon/images/chrank11.gif" />
<br />
<a title="Personal Message (Online)" href="http://www.computerhope.com/forum/index.php?action=pm;sa=send;u=26624">
<img border="0" align="middle" alt="Online" src="http://www.computerhope.com/forum/Themes/babylon/images/useron.gif" />
</a>
<span class="smalltext">
Online
</span>
<br />
<br />
Posts: 3906
<br />
<br />
<div style="overflow: auto; width: 100%">
<img height="65" border="0" width="65" class="avatar" src="http://www.computerhope.com/forum/index.php?action=dlattach;attach=4145;type=avatar" />
</div>
<br />
<a target="_blank" href="http://members.msn.com/the.dude.person@hotmail.com">
<img border="0" alt="the.dude.person@hotmail.com" src="http://www.computerhope.com/forum/Themes/babylon/images/msntalk.gif" />
</a>
<br />
<a href="http://www.computerhope.com/forum/index.php?action=profile;u=26624">
<img border="0" title="View Profile" alt="View Profile" src="http://www.computerhope.com/forum/Themes/babylon/images/icons/profile_sm.gif" />
</a>
<a target="_blank" title="Halo Pixelated Comic" href="http://www.freewebs.com/carbondudeoxide">
<img border="0" alt="WWW" src="http://www.computerhope.com/forum/Themes/babylon/images/www_sm.gif" />
</a>
<a href="mailto:carbon.dudeoxide@gmail.com">
<img border="0" title="Email" alt="Email" src="http://www.computerhope.com/forum/Themes/babylon/images/email_sm.gif" />
</a>
<a title="Personal Message (Online)" href="http://www.computerhope.com/forum/index.php?action=pm;sa=send;u=26624">
<img border="0" alt="Personal Message (Online)" src="http://www.computerhope.com/forum/Themes/babylon/images/im_on.gif" />
</a>
</div>

[Global Moderator]

I also downloaded the Remove It Permanently (R.I.P.) extension mentioned in the Aardvark help menu.  The combination is very useful.

I've removed Google's Image at www.google.com.

How do I get it back?

I think, it works only in one session. Refresh.