How can i change or edit live websites [closed]

Closed. This question is seeking recommendations for books, tools, software libraries, and more. It does not meet Stack Overflow guidelines. It is not currently accepting answers.

---

We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.

Closed 7 years ago.

Improve this question 开发者_Python百科

I have read about extensions which allows us to edit and make changes to live website and see how it looks. This is specifically for user interface designing. But some how i am not able to find that plugin. Can anyone tell me how i will edit a live page of anywebsite

---

Firebug Addon for Firefox

Developer Tools in Chrome (accessed through Spanner -> Tools -> Developer Tools)

Both allow you to modify CSS and HTML content on a live webpage and instantly see the effects.

---

You can do this with Google Chrome easily: http://code.google.com/chrome/devtools/ There are other options as well (Firebug: http://getfirebug.com/)

A quick crash course using Chrome:

• Ctrl + Shift + I brings up the developer tools (or use J instead of I to go straight to the command line). Alternatively, you can right-click anywhere on a page and click Inspect Element.
• On the right hand side you can see style information. Uncheck boxes to disable things. Double-click items to edit them. The changes take place right before your eyes!
• The command line is a big help for editing/debugging javascript as well (check out the buttons at the lower left).

That should be enough to get you started. Good luck!

---

There are some websites designed for A/B testing that let you do this:

• https://optimizely.appspot.com/
• http://www.reedge.com/

Just enter your website URL and it will take you to a visual editor where you can modify the page with drag-and-drop.

---

Firebug is what you're looking for (for Firefox).