Firebug Lite in iPad : how to reactivate it if deactivate button hit accidentally? and how to scroll inspection window?

370 views
Skip to first unread message

tr888

unread,
Jul 21, 2010, 10:20:05 AM7/21/10
to Firebug
#1. I accidentally touched the rightmost button at the top of the
Firebug Lite window ("Deactivate Firebug Lite for this website"). How
do I reactivate Firebug Lite?

#2. How is the script inspection window scrolled on the iPad? When I
run my page on the iPad, the Firebug script inspection window is fixed-
height; I cannot figure out how to scroll down into the code to place
breakpoints. I've tried opening FB in a new window butt that window
was fixed-height too.

If it matters, I've installed Firebug Lite using its stable link
option:

<script type="text/javascript" src="https://getfirebug.com/
firebug-lite.js"></script>

Thanks for the help.

Pedro Simonetti Garcia

unread,
Jul 21, 2010, 3:05:53 PM7/21/10
to fir...@googlegroups.com
Hi,

2010/7/21 tr888 <tim.ro...@gmail.com>:


> #1.  I accidentally touched the rightmost button at the top of the
> Firebug Lite window ("Deactivate Firebug Lite for this website"). How
> do I reactivate Firebug Lite?

Well... there is no way to reactivate it. :)

Once Firebug Lite lives inside the page and the deactivation means
removing all Firebug Lite events and elements inserted in the page,
after the deactivation there's no way to restore it.

Actually I feel that does not make much sense to have a "deactivate"
button on Firebug Lite, except when running as a Google Chrome
extension (where you can in fact activate/deactivate for particular pages
and there's a toolbar icon so you can reactivate it anytime).

I'll consider removing the "deactivate" button, but in the meantime,
remember that you can also toggle the UI by pressing F12.


>
> #2. How is the script inspection window scrolled on the iPad? When I
> run my page on the iPad, the Firebug script inspection window is fixed-
> height; I cannot figure out how to scroll down into the code to place
> breakpoints.  I've tried opening FB in a new window butt that window
> was fixed-height too.

Sorry. Could you please explain a little bit more? I'm not understanding
what are you talking about.

By "script inspection window" you mean the Firebug Lite's "Script Panel"?
You cannot see the scrollbar in the Script Panel, is this the problem?
If that's the case, please give me more info because it sounds like a CSS
bug in Firebug Lite. If you give me more details maybe I'll be able to fix it.

And by the way, Firebug Lite does not have a JS debugger so you cannot
set breakpoints.

regards,

Pedro Simonetti.


>
> If it matters, I've installed Firebug Lite using its stable link
> option:
>
>     <script type="text/javascript" src="https://getfirebug.com/
> firebug-lite.js"></script>
>
> Thanks for the help.
>

> --
> You received this message because you are subscribed to the Google Groups "Firebug" group.
> To post to this group, send email to fir...@googlegroups.com.
> To unsubscribe from this group, send email to firebug+u...@googlegroups.com.
> For more options, visit this group at http://groups.google.com/group/firebug?hl=en.
>
>

Tim Romano

unread,
Jul 21, 2010, 4:28:07 PM7/21/10
to fir...@googlegroups.com
Thanks for the reply, Pedro.   

I didn't realize that Firebug Lite had no javascript debugger. That means I'm back looking for a way to step through javascript code on the iPad.   Any suggestions? I need to debug some touch eventhandlers. Safari for desktop computers doesn't appear to emulate the iOS touch events in its iPad user-agent simulator. 

When I accidentally touched (with my finger) the Deactivate button, Firebug went away, but when I "pinched" the iPad Safari screen to resize the page, it turned out that the little firebug icon was simply hiding outside the viewport. So maybe it didn't get deactivated?

Regards
Tim Romano

Pedro Simonetti Garcia

unread,
Jul 21, 2010, 5:20:32 PM7/21/10
to fir...@googlegroups.com
2010/7/21 Tim Romano <tim.ro...@gmail.com>:

> Thanks for the reply, Pedro.
> I didn't realize that Firebug Lite had no javascript debugger. That means
> I'm back looking for a way to step through javascript code on the iPad.
> Any suggestions? I need to debug some touch eventhandlers. Safari for
> desktop computers doesn't appear to emulate the iOS touch events in its iPad
> user-agent simulator.

Sorry I don't know. Doesn't the Webkit Inspector solves your problem?

If you don't find a way to use a JS debugger you can use logging
to debug the such events.


> When I accidentally touched (with my finger) the Deactivate button, Firebug
> went away, but when I "pinched" the iPad Safari screen to resize the page,
> it turned out that the little firebug icon was simply hiding outside the
> viewport. So maybe it didn't get deactivated?

Or maybe you pressed the "minimize" button instead? The "deactivate"
destroys the whole application and remove the Firebug Lite iframe which
holds all UI (at least it should work like this), therefore you are not
supposed to see the little firebug icon.

If you are indeed pressing "deactivate" and after that you are seeing the
icon, it is a bug. Probably an error is happening and preventing Firebug
Lite to complete the deactivation process. Since I don't have an iPad,
I cannot test this, but if we work together I may be able to identify the
problem. So, please let me know if this problem is actually happening.

regards,

Pedro Simonetti.

BBDom

unread,
Sep 17, 2010, 3:28:50 PM9/17/10
to Firebug
Hi Pedro,

Great work. Fantastic to see Firebug on an iPad.
I am also not able to see code (CSS, HTML) below the inspector fixed
window height with no alternative scroll feature.
Please advise.
Regards,
Dom

On Jul 21, 10:20 pm, Pedro Simonetti Garcia <pedrosimone...@gmail.com>
wrote:
> 2010/7/21 Tim Romano <tim.romano...@gmail.com>:
>
> > Thanks for the reply, Pedro.
> > I didn't realize that Firebug Lite hadnojavascript debugger. That means
> > I'm back looking for a way to step through javascript code on theiPad.
> > Any suggestions? I need to debug some touch eventhandlers. Safari for
> > desktop computers doesn't appear to emulate the iOS touch events in itsiPad
> > user-agent simulator.
>
> Sorry I don't know. Doesn't the Webkit Inspector solves your problem?
>
> If you don't find a way to use a JS debugger you can use logging
> to debug the such events.
>
> > When I accidentally touched (with my finger) the Deactivate button, Firebug
> > went away, but when I "pinched" theiPadSafari screen to resize the page,
> > it turned out that the little firebug icon was simply hiding outside the
> > viewport. So maybe it didn't get deactivated?
>
> Or maybe you pressed the "minimize" button instead? The "deactivate"
> destroys the whole application and remove the Firebug Lite iframe which
> holds all UI (at least it should work like this), therefore you are not
> supposed to see the little firebug icon.
>
> If you are indeed pressing "deactivate" and after that you are seeing the
> icon, it is a bug. Probably an error is happening and preventing Firebug
> Lite to complete the deactivation process. Since I don't have aniPad,
> I cannot test this, but if we work together I may be able to identify the
> problem. So, please let me know if this problem is actually happening.
>
> regards,
>
> Pedro Simonetti.
>
>
>
> > Regards
> > Tim Romano
>
> > On Wed, Jul 21, 2010 at 3:05 PM, Pedro Simonetti Garcia
> > <pedrosimone...@gmail.com> wrote:
>
> >> Hi,
>
> >> 2010/7/21 tr888 <tim.romano...@gmail.com>:
> >> > #1.  I accidentally touched the rightmost button at the top of the
> >> > Firebug Lite window ("Deactivate Firebug Lite for this website"). How
> >> > do I reactivate Firebug Lite?
>
> >> Well... there isnoway to reactivate it. :)
>
> >> Once Firebug Lite lives inside the page and the deactivation means
> >> removing all Firebug Lite events and elements inserted in the page,
> >> after the deactivation there'snoway to restore it.
>
> >> Actually I feel that does not make much sense to have a "deactivate"
> >> button on Firebug Lite, except when running as a Google Chrome
> >> extension (where you can in fact activate/deactivate for particular pages
> >> and there's a toolbar icon so you can reactivate it anytime).
>
> >> I'll consider removing the "deactivate" button, but in the meantime,
> >> remember that you can also toggle the UI by pressing F12.
>
> >> > #2. How is the script inspection window scrolled on theiPad? When I
> >> > run my page on theiPad, the Firebug script inspection window is fixed-
> >> > height; I cannot figure out how toscrolldown into the code to place

Pedro Simonetti Garcia

unread,
Sep 17, 2010, 4:08:37 PM9/17/10
to fir...@googlegroups.com
Hi Dom,

2010/9/17 BBDom <domini...@gmail.com>:


> Hi Pedro,
>
> Great work. Fantastic to see Firebug on an iPad.
> I am also not able to see code (CSS, HTML)  below the inspector fixed
> window height with no alternative scroll feature.
> Please advise.

Please let me understand one thing. Does the scroll works on some
Panel (Console, Script or DOM), or it doesn't work at all on all Panels?

It seems to be a problem in Firebug Lite styles (CSS). The problem is
that I don't have an iPad to see what's happening. So, I need your help
to understand and hopefully discover where is the problem.

It would be nice if I could see what exactly is happening. Could you
please open a new issue report and attach a screenshot?

http://code.google.com/p/fbug/issues/list

The easiest way to fix this problem is using an iPad. If you would like
to help us fixing this, I could show you how to load Firebug Lite in
development mode so you can easily tweak Firebug Lite's CSS and
see if it is fixing the problem. If you manage to fix the problem, then
I'll commit the changes on our repository and ship it in Firebug Lite
1.3.2 with a special mention to your work, and all iPad users will be
happy! :-)


regards,

Pedro Simonetti.

Dominic Black

unread,
Sep 19, 2010, 2:17:43 PM9/19/10
to fir...@googlegroups.com
I've attached a screenshot of the script running on an iPad.
Let me know if I can help further.
Dom

IMG_0441.JPG

Pedro Simonetti Garcia

unread,
Sep 19, 2010, 4:33:23 PM9/19/10
to fir...@googlegroups.com
It seems you are using an old version of Firebug Lite.

Please try the version 1.3.1:
http://getfirebug.com/firebuglite

Also please confirm 2 things:
1) does it crashes your browser?
2) does the scrolling works on panels such as HTML?

A few days ago an user reported that the new version was crashing
the browser in iPad, but we couldn't find the source of the problem:

http://groups.google.com/group/firebug/browse_thread/thread/db5b8a6a802bbc85/e7e766d743b09b41?show_docid=e7e766d743b09b41

But if we work together we can fix the problem.

Pedro Simonetti.


2010/9/19 Dominic Black <domini...@gmail.com>:


> I've attached a screenshot of the script running on an iPad.
> Let me know if I can help further.
> Dom
>
>
>
>
>
>

alfonsoml

unread,
Sep 19, 2010, 4:42:06 PM9/19/10
to Firebug
I think that the problem might be that the iPad (or maybe all webkit
mobiles) doesn't show the scrollbar for elements in the page, so
things like overflow:auto means that no scrollbar is visible and it's
the start of the problems.

I guess that the best way to fix these kind of problems is for someone
with an iPad to start debugging it, or send an iPad to Pedro so he can
debug it himself ;-)
>  IMG_0441.JPG
> 154 KVerDescargar
>
>
>
> On 17 Sep 2010, at 21:08, Pedro Simonetti Garcia <pedrosimone...@gmail.com> wrote:
>
> > Hi Dom,
>
> > 2010/9/17 BBDom <dominicbl...@gmail.com>:
> >> For more options, visit this group athttp://groups.google.com/group/firebug?hl=en.

Dominic Black

unread,
Sep 20, 2010, 4:32:10 AM9/20/10
to fir...@googlegroups.com
Pedro,
Site link below, to upgrade Lite, crashes my iPad! Let alone running the script. So cannot tell if scroll issue is still there. I say again, I do not get to download option, somehow the scripts running on the getfirebug.com website is causing a crash.
I'll fire up a PC later, download and install latest version and let you know how I get on.
Dom

VernonK

unread,
Sep 20, 2010, 8:09:14 AM9/20/10
to Firebug
I've tried version 1.3.1 and still get the same problems as Dominic
mentioned. To answer your questions:

1) Firebug Lite does not crash the browser. However, something on the
getfirebug.com domain does cause the browser to crash.

2) The scrolling does not work on any panel.



On Sep 19, 4:33 pm, Pedro Simonetti Garcia <pedrosimone...@gmail.com>
wrote:
> It seems you are using an old version of Firebug Lite.
>
> Please try the version 1.3.1:http://getfirebug.com/firebuglite
>
> Also please confirm 2 things:
> 1) does it crashes your browser?
> 2) does the scrolling works on panels such as HTML?
>
> A few days ago an user reported that the new version was crashing
> the browser in iPad, but we couldn't find the source of the problem:
>
> http://groups.google.com/group/firebug/browse_thread/thread/db5b8a6a8...
>
> But if we work together we can fix the problem.
>
> Pedro Simonetti.
>
> 2010/9/19 Dominic Black <dominicbl...@gmail.com>:
>
>
>
> > I've attached a screenshot of the script running on an iPad.
> > Let me know if I can help further.
> > Dom
>
> > On 17 Sep 2010, at 21:08, Pedro Simonetti Garcia <pedrosimone...@gmail.com> wrote:
>
> >> Hi Dom,
>
> >> 2010/9/17 BBDom <dominicbl...@gmail.com>:
> >>> For more options, visit this group athttp://groups.google.com/group/firebug?hl=en.
>
> >> --
> >> You received this message because you are subscribed to the Google Groups "Firebug" group.
> >> To post to this group, send email to fir...@googlegroups.com.
> >> To unsubscribe from this group, send email to firebug+u...@googlegroups.com.
> >> For more options, visit this group athttp://groups.google.com/group/firebug?hl=en.

VernonK

unread,
Sep 20, 2010, 8:19:53 AM9/20/10
to Firebug
Just found this helpful bit of info. Not sure how you can incorporate
something like this with Firebug Lite.

iScroll (http://cubiq.org/iscroll)

"The overflow:scroll for mobile webkit. Project started because webkit
for iPhone does not provide a native way to scroll content inside a
fixed size (width/height) div. So basically it was impossible to have
a fixed header/footer and a scrolling central area. Until now."



On Sep 19, 4:33 pm, Pedro Simonetti Garcia <pedrosimone...@gmail.com>
wrote:
> It seems you are using an old version of Firebug Lite.
>
> Please try the version 1.3.1:http://getfirebug.com/firebuglite
>
> Also please confirm 2 things:
> 1) does it crashes your browser?
> 2) does the scrolling works on panels such as HTML?
>
> A few days ago an user reported that the new version was crashing
> the browser in iPad, but we couldn't find the source of the problem:
>
> http://groups.google.com/group/firebug/browse_thread/thread/db5b8a6a8...
>
> But if we work together we can fix the problem.
>
> Pedro Simonetti.
>
> 2010/9/19 Dominic Black <dominicbl...@gmail.com>:
>
>
>
> > I've attached a screenshot of the script running on an iPad.
> > Let me know if I can help further.
> > Dom
>
> > On 17 Sep 2010, at 21:08, Pedro Simonetti Garcia <pedrosimone...@gmail.com> wrote:
>
> >> Hi Dom,
>
> >> 2010/9/17 BBDom <dominicbl...@gmail.com>:
> >>> For more options, visit this group athttp://groups.google.com/group/firebug?hl=en.
>
> >> --
> >> You received this message because you are subscribed to the Google Groups "Firebug" group.
> >> To post to this group, send email to fir...@googlegroups.com.
> >> To unsubscribe from this group, send email to firebug+u...@googlegroups.com.
> >> For more options, visit this group athttp://groups.google.com/group/firebug?hl=en.

Dominic Black

unread,
Sep 20, 2010, 8:26:05 AM9/20/10
to fir...@googlegroups.com
Read your thoughts on scroll on apple webkit. There is scroll. Apple's, built into the mobile device, for navigation. I also run Perfect Browser which has a scroll feature. Admittedly neither are built into web pages.

Could someone at Apple be persuaded to let Pedro have sue of an iPad?!!!!!

Dom

Pedro Simonetti Garcia

unread,
Sep 20, 2010, 1:53:26 PM9/20/10
to fir...@googlegroups.com
Hi all,

Thanks for the feedback.

Regarding scrolling here's a tip what may help, try using 2 fingers:
http://www.youtube.com/watch?v=x8CAtjKD7U4

Dominic, so 1.2 version doesn't crash but scroll doesn't work. 1.3
crashes since 1.3.1 but the scroll seem to work as reported before.

Based on an earlier report, it seems that this problem was introduced
recently in the 1.3.1 release. As omnihound reported: "It was
previously working until the last couple of days"
http://groups.google.com/group/firebug/msg/5e18af46011db626

We have two ways to solve this problem.

1) It would be much easier if I had an iPad. Then I would be able to fix
this issue and test to avoid other problems happening in the future.
If someone send me an iPad as alfonsoml and Dominic suggested,
I'll be very glad to fix the problem! :-)

2) But that's not the only way. We could work together, and detect the
exact line of code which is causing the problem. But then someone
will need to be my "eyes", which means perform several tests
according my instructions and report me the result of each one, and
probably repeat this process a few times. :-)

If someone would like to help with #2, let me know and I'll start giving
more specific instructions.

One tip that might help: try enabling iPad’s Web Debugging Console
to look for errors (if it is not enabled yet):
http://maisonbisson.com/blog/post/14447/step-by-step-turn-on-the-iphone-ipads-web-debugging-console/

regards,

Pedro Simonetti.


2010/9/20 Dominic Black <domini...@gmail.com>:

VernonK

unread,
Sep 20, 2010, 3:34:32 PM9/20/10
to Firebug
Pedro -

The scrolling with two fingers works for me. Now it's just an issue
of not being able to scroll the page with Firebug remaining at the
bottom.

I would be glad to help if I can. I'll do my best. Just let me know
what you need.

Vern


On Sep 20, 1:53 pm, Pedro Simonetti Garcia <pedrosimone...@gmail.com>
wrote:
> Hi all,
>
> Thanks for the feedback.
>
> Regarding scrolling here's a tip what may help, try using 2 fingers:http://www.youtube.com/watch?v=x8CAtjKD7U4
>
> Dominic, so 1.2 version doesn't crash but scroll doesn't work. 1.3
> crashes since 1.3.1 but the scroll seem to work as reported before.
>
> Based on an earlier report, it seems that this problem was introduced
> recently in the 1.3.1 release. As omnihound reported: "It was
> previously working until the last couple of days"http://groups.google.com/group/firebug/msg/5e18af46011db626
>
> We have two ways to solve this problem.
>
> 1) It would be much easier if I had an iPad. Then I would be able to fix
> this issue and test to avoid other problems happening in the future.
> If someone send me an iPad as alfonsoml and Dominic suggested,
> I'll be very glad to fix the problem! :-)
>
> 2) But that's not the only way. We could work together, and detect the
> exact line of code which is causing the problem. But then someone
> will need to be my "eyes", which means perform several tests
> according my instructions and report me the result of each one, and
> probably repeat this process a few times. :-)
>
> If someone would like to help with #2, let me know and I'll start giving
> more specific instructions.
>
> One tip that might help: try enabling iPad’s Web Debugging Console
> to look for errors (if it is not enabled yet):http://maisonbisson.com/blog/post/14447/step-by-step-turn-on-the-ipho...
>
> regards,
>
> Pedro Simonetti.
>
> 2010/9/20 Dominic Black <dominicbl...@gmail.com>:
> ...
>
> read more »

Pedro Simonetti Garcia

unread,
Sep 20, 2010, 4:05:17 PM9/20/10
to fir...@googlegroups.com
Hi Vernok,

2010/9/20 VernonK <vernon...@gmail.com>:


> Pedro -
>
> The scrolling with two fingers works for me.  Now it's just an issue
> of not being able to scroll the page with Firebug remaining at the
> bottom.

The problem is that version 1.2 is no longer being supported. The
"remaining at the bottom" is fixed in 1.3 version, so if we figure out
what is the problem in the 1.3.1 version.

>
> I would be glad to help if I can.  I'll do my best.  Just let me know
> what you need.

Great. First "star" the following issue so you can receive an email
each time I upate the issue with more information:
http://code.google.com/p/fbug/issues/detail?id=3443

Then following the instructions there.

regards,

Pedro Simonetti.

Message has been deleted

Pedro Simonetti Garcia

unread,
Dec 15, 2010, 11:29:37 AM12/15/10
to fir...@googlegroups.com
Hi there,

Since I don't have a Mac, I cannot test this problem. If you want to investigate this issue, I can give you some hints where to start looking for problems. If you manage to detect the source of the problem I can fix the getfirebug page. Otherwise, I'm afraid there's nothing I can do at the moment.

regards,

Pedro Simonetti.


2010/12/14 skrat <dusan.m...@gmail.com>
I can confirm this, something on getfirebug site crashes mobile safari in iPad simulator. (I'm heavily frustrated with this, anyone has access to some Apple engineer? I would kick their butts, all of them)
Reply all
Reply to author
Forward
0 new messages