书签小

Question

我知道您可以在DOM视图中使用Firebug来编辑JavaScript变量但是......有没有办法可以使用（其他任何东西）来编辑嵌入HTML页面的实时JavaScript？

就像.html页面中的这种类型：

<script type="text/javascript>
// code here
</script>

感谢。

Answer 1

书签小

来自Wikipedia entry

小书签是小程序，小型计算机应用程序，存储为Web浏览器中书签的URL或网页上的超链接。该术语是书签和小程序的术语。无论bookmarklet实用程序是存储为书签还是超链接，它们都旨在为浏览器或网页添加一键式功能。单击时，书签小程序会执行某些功能，例如搜索查询或数据提取等多种功能。通常applet是一个JavaScript程序。

作为一个相关的说明_{没有尝试垃圾邮件或其他任何}我创建了一个bookmarklet generator来帮助我更轻松地创建bookmarklet。

Answer 2

您可以使用Opera 12. Opera 12允许编辑内联JS和JS文件。软重新加载页面后，将应用您的更改。右键单击＆gt;来源＆gt;进行更改＆gt;应用更改。

Answer 3

Firebug有一个控制台（firebug窗口的第一个选项卡），您可以在其中编写JS代码并在当前页面中执行它。假设网页定义了一个名为myFunc的函数，并且您想要覆盖它：在控制台中执行以下操作就可以了。

myFunc = function(/* function arguments here */) {
  /* new function body here */
}; /* notice the ; */

并查看您可以执行的函数的当前版本

uneval(myFunc);

这将打印出当前的myFunc

注意：我认为默认情况下控制台附带一个单行输入框，但在选项中的某个位置可以切换到多行输入框。在多行中，转到新行，+执行代码。

Answer 4

Eloquent javascript底部有一个控制台类型窗口（单击右下方的小箭头）。这可能就是你要找的东西。你的意思是一个REPL，一个Read-Evaluate-Print循环。

Answer 5

好吧，除非在同一浏览器的帮助下，否则您将无法编辑已加载到浏览器中的JavaScript代码。这基本上意味着通过一个插件，我不知道除了FireBug之外的任何插件可以让你这样做。

是否有特定原因您不能/不会使用FireBug？

Answer 6

Firebug本身有一个非插件依赖的“精简”版本。如果您检查它的源代码，您可以了解如何实现Firebug功能的大部分。

http://getfirebug.com/firebuglite

Answer 7

Chrome还有一个控制台窗口，一旦检查元素（或页面）就可以激活它。从那里你可以写简单的JavaScript。它甚至有一个相当不错的调试器。

Answer 8

如果您转到Chrome上的工具/开发者工具，您会找到一个空间，您可以在浏览器中将所有代码从html更改为javascript和CSS。显然它不会在页面上产生真正的变化，就像你看到它一样，因为它只是可以为网站管理员编辑

Answer 9

您可以使用Firebug的HTML视图编辑内联脚本标记。只需选择脚本标签，然后按“编辑”按钮。编辑完成后，再次按“编辑”按钮以应用更改。

Answer 10

Firefox'Greasemonkey插件尚未被提及。这样您就可以存储，重用和共享脚本。我不是100％确定你可以在与页面代码OOTB完全相同的范围内运行代码。但是，仍然可以插入任意脚本标记。

编辑网页的JavaScript块...直播

10 个答案:

书签小