Making HTML/CSS changes in browser for testing

Johnny|lucidcomposure · 11 Jul 2012 at 14:20

Is there anything available like a plugin for Firefox that allows me to handle the HTML of a page and make changes to it and see those changes take place on the fly as a temporary measure.

Do you know if anything is out there for me to use as an aid to tweaking a site?

Muel · 11 Jul 2012 at 14:27

Firebug. I use it daily. Really useful for tracking down the cause of bugs and then fixing them in the source code.

Johnny|lucidcomposure · 11 Jul 2012 at 14:39

Muel said:
Firebug. I use it daily. Really useful for tracking down the cause of bugs and then fixing them in the source code.

But does that allow you to make the changes inside of the firebug window on already published websites?

JimboTheGiant · 11 Jul 2012 at 14:42

Yeah, FireBug does exactly that. Lets you make as many changes as you like. As soon as you reload the page though, the changes are gone.

gord · 11 Jul 2012 at 14:55

Indeed, Firebug changes are local, like a sandbox.

I don't know if there is the functionality for pushing the local changes live?

Dj_Jestar · 11 Jul 2012 at 15:01

Copy the html and css from FireBug - once happy with it - and then paste them into the files yourself?

Johnny|lucidcomposure · 11 Jul 2012 at 15:16

Just to confirm. This isn't for sites I have locally. They are sites that are live (just like this one "overclockers")

Our companies website is complicated so I cant just download it and work from there.

Dj_Jestar · 11 Jul 2012 at 15:17

Just to confirm.. we know. I can edit, in real time, this website if I chose to. The changes would not be saved to the server, but I can copy them from firebug.

gord · 11 Jul 2012 at 15:30

Dj_Jestar said:
Copy the html and css from FireBug - once happy with it - and then paste them into the files yourself?

logic

Johnny|lucidcomposure · 11 Jul 2012 at 16:20

Cheers you guys! Great help!

Limenote · 11 Jul 2012 at 23:09

chrome's built in debugging tools are pretty good too!