【问题标题】:How do I get Chrome Dev Tools to allow me to edit minified JavaScript in production?如何让 Chrome 开发工具允许我在生产中编辑缩小的 JavaScript?
【发布时间】:2015-04-14 16:23:22
【问题描述】:

我需要测试修复,只有生产数据失败(并且外键错综复杂的嵌套阻止将数据复制到测试中)。

JavaScript 修复很简单,只需 2 或 3 行到 section_functions.min.js。

我打开开发工具,单击源选项卡,深入到文件...编辑它。我做了一个 cntl+s,星号从开发工具的文件选项卡中消失了。

然后我使用 Web 应用程序的界面,以便调用该文件中更改的函数...

但在控制台中,我收到与以前相同的错误,它告诉我异常在 /js/section_functions.min.js (old):1 上。

我知道以这种方式实时编辑 javascript 是可能的,而且我必须做一些愚蠢的事情来阻止它使用修改后的版本。我做错了什么?

【问题讨论】:

  • 您正在修改的函数是否具有全局范围?如果不是,那么您不是在编辑实际运行的函数,而是对其的声明。
  • 我相信它确实具有全球范围。不是某个对象的方法。能够直接从控制台调用它,没有命名空间。
  • 我没有想法,因为你已经准确地描述了我的工作,而且我从来没有遇到过问题。我希望有人可以提供帮助:)
  • 好吧,至少我知道我没有做太愚蠢的事情。想知道我是否有一些疯狂的扩展干扰这个......

标签: javascript debugging google-chrome-devtools minify production-environment


【解决方案1】:

有一个有用的技巧,将 sourcemap 添加到您的压缩 js 文件中,这样您就可以以美观的方式查看和编辑代码。

另一种更快的方法是使用 chrome 工具中的 {} 按钮,它位于文件底部的行号和列号左侧

当它看起来不错时,您可以对其进行编辑。

祝你好运

【讨论】:

    【解决方案2】:
    猜你喜欢
    • 2017-08-23
    • 2016-06-11
    • 2012-09-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-02-25
    • 1970-01-01
    相关资源
    最近更新 更多