如何让Chrome Dev Tools允许我在生产中编辑缩小的JavaScript？

时间：2015-04-14 16:23:23

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

我需要测试一个修复程序，并且只有生产数据失败（外键的纠结嵌套会阻止将数据复制到测试中）。

JavaScript修复很简单，有2或3行到section_functions.min.js。

我打开dev工具，单击sources选项卡，向下钻取到文件...编辑它。我做了一个cntl + s，这个星星从Dev Tools的文件选项卡中消失了。

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

但是在控制台中，我得到了和以前一样的错误，它告诉我异常在/js/section_functions.min.js（旧）：1。

我知道以这种方式编辑javascript是可能的，而且我必须做一些阻止它使用修改版本的问题。我怎么没能正确做到？

2 个答案:

答案 0 :(得分：0)

有一个有用的技巧，将一个源图添加到压缩的js文件中，这样你就可以以漂亮的方式查看和编辑代码。

其他更快的方法是使用Chrome工具中的{}按钮，它位于行号和列号左侧的文件底部

当你看起来很好看时，你可以编辑它。

祝你好运

答案 1 :(得分：0)

  • 设置断点
  • 刷新页面
  • 重新定义函数或变量
  • 保存JavaScript文件

Edit JSLint source in Chrome DevTools Sources Panel <强>参考

相关问题
最新问题