【问题标题】:Edit JavaScript blocks of web page... live编辑网页的 JavaScript 块...实时
【发布时间】:2011-06-13 10:47:37
【问题描述】:

我知道您可以在 DOM 视图中使用 Firebug 来编辑 JavaScript 变量,但是...我可以使用(其他任何方式)编辑嵌入在 HTML 页面中的实时 JavaScript 吗?

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

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

谢谢。

【问题讨论】:

  • 你可以使用 Opera。 Opera 允许编辑内联 JS 和 JS 文件。软重新加载页面后,您的更改将被应用。右键单击 > 源 > 进行更改 > 应用更改。

标签: javascript html


【解决方案1】:

Eloquent javascript 底部有一个控制台类型的窗口(单击右下角的小箭头)。这可能是您正在寻找的。您的意思的确切术语是 REPL,即读取-评估-打印循环。

【讨论】:

    【解决方案2】:

    书签

    来自Wikipedia entry

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

    作为相关说明不要试图发送垃圾邮件或任何东西我创建了一个bookmarklet generator 来帮助我更轻松地创建书签。

    【讨论】:

    • 好吧,我只是重新阅读了这个问题,也许书签不是你想要的,你可以试试jsfiddle.net,但我不确定这是否完全正确 你想要什么。
    • 我的意思是去另一个网页并编辑他们的 javascript 块。
    • Google Chrome 和 Opera 也有不错的 DOM 编辑器。 Firebug 是我选择的实时编辑其他页面的工具。 是的,我知道您要求其他选项
    【解决方案3】:

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

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

    【讨论】:

    • 这不一定是真的。可以使用标准输入元素(例如文本区域)来输入代码。然后使用javascripteval()函数来运行它,有效地提供了一个控制台。
    【解决方案4】:

    Firebug 本身有一个不依赖于插件的“精简版”版本。如果您检查它的源代码,您会发现如何实现 Firebug 功能的一个大子集。

    http://getfirebug.com/firebuglite

    【讨论】:

      【解决方案5】:

      Chrome 也有一个控制台窗口,一旦你检查元素(或页面)就可以激活它。从那里你可以编写简单的javascript。它甚至有一个相当不错的调试器。

      【讨论】:

        【解决方案6】:

        Firebug 有一个控制台(firebug 窗口的第一个选项卡),您可以在其中编写 JS 代码并在当前页面中执行它。假设网页定义了一个名为 myFunc 的函数,并且您想覆盖它:在控制台中执行以下命令即可。

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

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

        uneval(myFunc);
        

        这将打印出当前的myFunc

        注意:我认为默认情况下控制台带有单行输入框,但在选项中的某处您可以切换到多行输入框。多行时,换行,+执行代码。

        【讨论】:

          【解决方案7】:

          如果您访问 Chrome 上的工具/开发人员工具,您会发现一个空间,您可以在其中将所有代码从 html 更改为 javascript 和 CSS,并在您的浏览器上运行。显然它不会在页面上产生真正的变化,只是在你看到它的方式上,因为它只是可以为网站管理员编辑

          【讨论】:

          【解决方案8】:

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

          【讨论】:

            【解决方案9】:

            尚未提及 Firefox 的 Greasemonkey 插件。这样您就可以存储、重复使用和共享您的脚本。 我不是 100% 确定您可以在与页面代码 OOTB 完全相同的范围内运行您的代码。不过,仍然可以插入任意脚本标签。

            【讨论】:

              【解决方案10】:

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

              【讨论】:

                猜你喜欢
                • 1970-01-01
                • 2022-12-06
                • 1970-01-01
                • 1970-01-01
                • 2023-03-12
                • 2016-08-11
                • 1970-01-01
                • 2023-03-18
                • 2020-01-27
                相关资源
                最近更新 更多