User Manual for Firebug?
-
-
- Jerry R
- Sr. Rocketeer
- Posts: 140
- Thanks: 0
-
Hi all,
Someone here on the forums recently recommended using Firebug as a tool for web development. I installed it and have messed around with it for a while now. It looks like a very useful tool, however, I'm not able to edit anything.
I've searched around the web for instructions, even downloading the pages from the Firebug site. Everything I can find says to just "click on element" to edit. However, this is not working for me.
Is there any documentation out there, tutorials, anything?
Thanks,
jr - Jerry R
-
-
-
- GollumX
- Elite Rocketeer
- Posts: 2817
- Thanks: 0
-
What exactly are you doing? Describe the steps you took up to the point you clicked on something in an attempt to edit it.
A basic walk-through:
1.) Click on the little green tick (check) icon in the bottom right of your screen. (the firebug frame frame opens up)
2.) Click on the "inspect" button in the firebug frame
3.) Click on the element you want to edit. (the Firebug frame splits into two parts where the left of the frame is HTML and the right is CSS)
4.) In the CSS frame, click on the properties of the element you want changed and edit as desired.
5.) Revel in your newly acquired power over the web.
6.) Open up a competitors website and proceed to change the background to lime green and the font to red.
7.) Take a screenshot and post it on your blog. MWAHAHAHAH! - Say no to Internet Explorer 6.
twitter.com/mark_up
-
-
-
- GollumX
- Elite Rocketeer
- Posts: 2817
- Thanks: 0
-
In the code below, the first line cannot be edited via firebug, the next three lines can. Are you saying you can't edit ANY of them? Do you have the latest FF?
a:link, a:visited { color:#971111; font-weight:normal; text-decoration:none; } - Say no to Internet Explorer 6.
twitter.com/mark_up
-
-
-
- Daniel Chapman
- Elite Rocketeer
- Posts: 1258
- Thanks: 0
-
GollumX wrote:
5.) Revel in your newly acquired power over the web.
6.) Open up a competitors website and proceed to change the background to lime green and the font to red.
7.) Take a screenshot and post it on your blog. MWAHAHAHAH!
Remind me never to make you angry Gx. -
www.ninjoomla.com
- The Ninjoomla Open Source Extension Club
Over 50 open source extensions and 100 videos to you build the site you want.
-
-
-
- James Spencer
- Preeminent Rocketeer
- Posts: 46340
- Thanks: 50
-
Sometimes I have to restart my browser as it gets a little agitated sometimes, must be all the plugins
- James Spencer / Developer & Support / Hull, UK
-
-
-
- Jerry R
- Sr. Rocketeer
- Posts: 140
- Thanks: 0
-
Ah, that was the problem. I was trying to select elements that Firebug cannot edit.
It looks like to activate the change I need to hit Shift+Return on Mac.
Is there a way to undo changes?
Also, how would I save the change permanently.
I haven't been able to find those answers yet.
Thanks - Jerry R
-
-
-
- Robert W
- Elite Rocketeer
- Posts: 815
- Thanks: 0
- IT
-
I dont believe you can save the changes permanently. You will need to FTP into your hosting acct and find the files (FB tells you which files & which line on the top right) and the modify the code as you did while in FB. Save & refresh.
Part of the objective of FB is to allow you to make changes more easily and see real time effects without having to change your code and refresh each time you do so.
Hope this helps.
- Last Edit: 17 years 9 months ago by Robert W.
-
Time to create page: 0.065 seconds