如何更改或编辑实时网站

时间:2011-08-09 17:00:38

标签: html5 firefox-addon google-chrome-extension

我已阅读有关扩展程序的内容,这些扩展程序允许我们编辑和更改实时网站并查看其外观。这专门用于用户界面设计。但有些我怎么也找不到那个插件。任何人都可以告诉我如何编辑任何网站的实况页面

4 个答案:

答案 0 :(得分:5)

Firebug Addon for Firefox

Chrome中的

Developer Tools(通过Spanner访问 - >工具 - >开发人员工具)

两者都允许您在实际网页上修改CSS和HTML内容,并立即查看效果。

答案 1 :(得分:2)

您可以轻松地使用Google Chrome执行此操作:http://code.google.com/chrome/devtools/还有其他选项(Firebug:http://getfirebug.com/

使用Chrome的快速速成课程:

  • Ctrl + Shift +我调出了开发人员工具(或使用J代替我直接进入命令行)。或者,您可以右键单击页面上的任意位置,然后单击“检查元素”。
  • 在右侧,您可以看到样式信息。取消选中复选框以禁用内容。双击项目进行编辑。这些变化发生在你眼前!
  • 命令行对编辑/调试javascript也很有帮助(请查看左下方的按钮)。

这应该足以让你入门。祝你好运!

答案 2 :(得分:0)

Firebug正是您所寻找的(对于Firefox)。

答案 3 :(得分:0)

有些网站专为A / B测试而设计,可让您这样做:

只需输入您的网站网址,即可进入可视化编辑器,您可以通过拖放操作修改页面。