Html 如何更改或编辑实时网站

我读过一些关于扩展的文章，这些扩展允许我们对live网站进行编辑和更改，并查看它的外观。这是专门用于用户界面设计的。但是我怎么也找不到那个插件。有人能告诉我如何编辑任何网站的实时页面吗？

是您正在寻找的（Firefox）。

Firebug

Firefox插件

Chrome中的开发者工具（通过扳手->工具->开发者工具访问）

---

两者都允许您修改实时网页上的CSS和HTML内容，并立即看到效果。

您可以使用Google Chrome轻松做到这一点：还有其他选项（Firebug:）

使用Chrome的快速速成课程：

• Ctrl+Shift+I打开开发人员工具（或者使用J而不是I直接进入命令行）。或者，您可以在页面上的任意位置单击鼠标右键，然后单击“检查元素”
• 在右侧可以看到样式信息。取消选中复选框以禁用内容。双击项目以编辑它们。这些变化就发生在你眼前
• 命令行对编辑/调试javascript也有很大帮助（请查看左下角的按钮）

---

这应该足以让你开始。祝你好运

有些专为A/B测试设计的网站允许您执行此操作：

---

只需输入您的网站URL，它就会将您带到一个可视化编辑器，在那里您可以通过拖放来修改页面。

我知道firebug和chrome devtools，但我说的是可视化编辑，将div从一个位置移动到另一个位置，重新排列页面元素。Visbug扩展：是的，但我在某个地方读到了有关可视化的内容编辑器，允许您移动div并重新设计页面。它还值得列出

Web开发人员

，因为它有一些很棒的工具，使用

Firebug

/

开发人员工具

。Firebug扩展不再被开发或维护。我们邀请您使用Firefox开发工具，下一个来源：谢谢，这正是我要找的。你能推荐一些免费的吗？我不知道，但也许你可以通过搜索A/B测试网站找到更多，因为这是这些网站的设计目的。但是如果我想在不使用浏览器的情况下将其集成到应用程序中，该怎么办分机。是否有插件或应用程序可以做到这一点？