CODEWITHSUNDEEP
firebug
Ricardo Zea
Ricardo Zea

Reputation: 10283

Firebug: Stop the HTML inspector window from jumping

I've looked around for answers to this problem, but I couldn't find anything related.

This is very stupid problem but I have no idea how to resolve it.

I have a page with a slideshow for example, I open Firebug to inspect the HTML, but when I'm using the HTML inspector panel it then 'jumps' to the section of the slideshow (since a new slide just loaded), I then have to scroll back to where I was, but then Firebug jumps back again when a new slide is loaded.

The only two workarounds I have right now are: Make the Firebug bottom pannel larger or open it in a new window and maximize it. Or right click on the slideshow HTML element and delete it from the page.

Is there a way to have Firebug not jump around the HTML inspector panel while having a script refresh a section of the page?

Thanks.

Upvotes: 6

Views: 5593

Answers (4)

Ricardo Zea
Ricardo Zea

Reputation: 10283

EDIT:

THE solution to this problem is:

  1. In the HTML tab, click on the arrow to bring the drop down out.
  2. Uncheck "Scroll Changes Into View".

FYI, this is the solution in Firebug 1.7.1.

Thanks to ulu for this solution.

--

Although crossed out, I'm leaving the former solution here for reference:

The exact solution for this problem is:

  1. Go to about:config
  2. Look for extensions.firebug.scrollToMutations
  3. Double click on it, the Value should say false

That's it, when viewing the HTML code and a change in the DOM happens, the view won't jump to that change :)

Here's more information about Firebug's parameters: http://getfirebug.com/wiki/index.php/HTML_Panel

Thanks to noomz for pointing me in the right direction for this solution.

Upvotes: 2

ulu
ulu

Reputation: 6092

There's a simpler solution: use the firebug's Html dropdown menu.

Upvotes: 7

noomz
noomz

Reputation: 2065

Go to firefox config page by enter url about:config,find this values "extensions.firebug.expandMutations" and change it to false

Upvotes: 1

Pramendra Gupta
Pramendra Gupta

Reputation: 14873

Click on js tab and left there is yellow button , just hit ,it will pause script and hance you can inspect

here in step

  1. click on script tab (console HTML CSS Script)
  2. click yellow button left bottom
  3. click on html,console or what every you want and then click to inspectyou want and then click to inspect

Upvotes: 6

Related Questions