|
|
 |
July 24th, 2007, 05:55 PM
|
#1
|
|
Elite Veteran
Join Date: Sep 2006
Location: Pink House
Posts: 3,941
Thanks: 0
Thanked 0 Times in 0 Posts
|
How do you use Firebug?
Can someone please shed some light on how to use Firebug? I know this is a dumb question, but when I have a site I'm trying to test for errors, I can't seem to get it to tell me anything.

Step one... view source
Step two, open firebug
Step three?????
|
|
|
July 24th, 2007, 06:41 PM
|
#2
|
SuperMember
Join Date: Apr 2007
Location: Scotland, UK
Posts: 2,086
Thanks: 2
Thanked 23 Times in 23 Posts
|
Re: How do you use Firebug?
Could this be the problem? http://groups.google.com/group/fireb...95b72931f2bd34
Ive just installed it aswell and it will not work either 
|
|
|
July 24th, 2007, 06:44 PM
|
#3
|
|
Most Reputable Member
Join Date: May 2006
Location: North West, UK
Age: 23
Posts: 1,170
Thanks: 0
Thanked 0 Times in 0 Posts
Rep Altering Power: 0
|
Re: How do you use Firebug?
You just press the button in the bottom right of the browser window. I haven't got it installed yet (new hard drive) but I'm sure that's how it works.
Pete. 
|
|
|
July 24th, 2007, 09:16 PM
|
#4
|
|
Elite Veteran
Join Date: Sep 2006
Location: Pink House
Posts: 3,941
Thanks: 0
Thanked 0 Times in 0 Posts
|
Re: How do you use Firebug?
Yes, I can see the little button on the bottom right of the screen. When I click that it opens the firebug program.
Then what do you do.
I see words like Console | HTML | CSS | Script | Dom | Net
I'll have a look at Firebug's plugin setup page and see what I can find.
|
|
|
July 25th, 2007, 12:18 AM
|
#5
|
|
Most Reputable Member
Join Date: Dec 2006
Location: San Francisco
Age: 59
Posts: 1,565
Thanks: 0
Thanked 0 Times in 0 Posts
|
Re: How do you use Firebug?
Well, here is what there home page said: Firebug integrates with Firefox to put a wealth of web development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.
|
|
|
July 25th, 2007, 09:01 AM
|
#6
|
|
Elite Veteran
Join Date: Jan 2007
Location: You know where
Age: 32
Posts: 4,607
Thanks: 0
Thanked 0 Times in 0 Posts
|
Re: How do you use Firebug?
When you open firebug through the little button, you should get the source on one side and the css on the other.
Then, on the source side, you click on the + and it opens up and you just keep going down. When you get to a div you can hover over it and watch the browser while you do. It should highlight the portion of the page the div is using. You can go on the lift side and add styling too and it will show up automatically on the browser.
|
|
|
July 25th, 2007, 09:11 AM
|
#7
|
|
Elite Veteran
Join Date: Sep 2006
Location: Pink House
Posts: 3,941
Thanks: 0
Thanked 0 Times in 0 Posts
|
Re: How do you use Firebug?
Ok.. thanks Karinne!
I played a bit with it last night. If you go to the Console button and test, it will show errors in the code if there are any.
|
|
|
July 25th, 2007, 09:14 AM
|
#8
|
|
Elite Veteran
Join Date: Jan 2007
Location: You know where
Age: 32
Posts: 4,607
Thanks: 0
Thanked 0 Times in 0 Posts
|
Re: How do you use Firebug?
Yeppers! Pretty neat huh? Once you get the hang of it? It's hard to go a day without using it 
|
|
|
July 25th, 2007, 09:18 AM
|
#9
|
SuperMember
Join Date: Apr 2007
Location: Scotland, UK
Posts: 2,086
Thanks: 2
Thanked 23 Times in 23 Posts
|
Re: How do you use Firebug?
Its working for me now aswell, after a system restart  That really is neat. Thanks for pointing that plugin out or i would never have known about it 
|
|
|
|
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
|
|
|
Posting Rules
|
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
HTML code is Off
|
|
|
Similar Threads
|
| Thread |
Thread Starter |
Forum |
Replies |
Last Post |
|
Firebug
|
Voodoochilli |
The Café |
17 |
June 26th, 2007 03:19 PM |
|