如何获得Chrome开发工具，以允许我在生产环境中编辑缩小的JavaScript？
[英]How do I get Chrome Dev Tools to allow me to edit minified JavaScript in production?
原文
2015-04-14 16:23:22
6
2
javascript/
debugging/
google-chrome-devtools/
minify/
production-environment
问题描述
我需要测试一个修复程序，只有生产数据失败（并且缠结的外键嵌套阻止将数据复制到测试中）。
JavaScript修复很简单，指向section_functions.min.js的2或3行。
我打开开发工具，单击“源”选项卡，深入到文件...对其进行编辑。 我做了一个cntl + s，星星从开发工具的文件选项卡中消失了。
然后，我以某种方式使用Web应用程序的界面，以调用该文件中更改的功能...
但是在控制台中，我得到了与以前相同的错误，并且告诉我该异常在/js/section_functions.min.js（old）：1上。
我知道可以以这种方式实时编辑javascript，并且我必须做一些笨拙的事情，以防止它使用修改后的版本。 我做错了什么？
2 个解决方案
解决方案1
0 2015-04-14 16:56:36
有一个有用的技巧，将源映射添加到压缩的js文件中，以便您可以以美观的方式查看和编辑代码。
另一种更快的方法是使用chrome工具中的{}按钮，它位于文件底部的行号和列号的左侧
当它看起来不错时，您可以对其进行编辑。
祝好运
解决方案2
0 2017-09-15 02:23:32
- 设置断点
- 刷新页面
- 重新定义函数或变量
- 保存JavaScript文件
参考文献
如何获取源映射以使用Chrome Dev Tools和webpack？
[英]How do I get source mapping to work with Chrome Dev Tools and webpack?
如何在Chrome Dev Tools中使用jQuery遍历执行上下文？
[英]How do I traverse Execution Contexts with jQuery in Chrome Dev Tools?
如何在 Chrome 开发工具或 Firefox 开发工具中查看哪些 JS 改变了我的元素的样式？
[英]How do I see what JS is changing style to my elements in Chrome dev tools or Firefox dev tools?
在生产环境中使用Chrome调试精简的JavaScript
[英]Debugging Minified JavaScript Using Chrome on Production Environment
使用 Chrome 调试器或 Firefox 开发工具，我可以获取模块中所有 JavaScript 函数输入和退出的日志吗？
[英]Using Chrome debugger or Firefox dev tools, Can I get a log of all JavaScript functions entered & exited in a module?
从 chrome 开发工具获取 CSS 作为 JavaScript object 值
[英]get CSS from chrome dev tools as JavaScript object value
如何在Chrome开发者工具中的网站JavaScript（而不是您的JavaScript）上设置断点？
[英]How to set a breakpoint on a website's javascript (i.e. not yours) in Chrome dev tools?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
相关问题
如何在 Chrome Dev Tools 中编辑 Html 中的 Javascript
无法在Chrome开发者工具中编辑JavaScript
如何获取源映射以使用Chrome Dev Tools和webpack？
如何在Chrome Dev Tools中使用jQuery遍历执行上下文？
如何在 Chrome 开发工具或 Firefox 开发工具中查看哪些 JS 改变了我的元素的样式？
如何在 Chrome Dev Tools 中停止调试器？
在生产环境中使用Chrome调试精简的JavaScript
使用 Chrome 调试器或 Firefox 开发工具，我可以获取模块中所有 JavaScript 函数输入和退出的日志吗？
从 chrome 开发工具获取 CSS 作为 JavaScript object 值
如何在Chrome开发者工具中的网站JavaScript（而不是您的JavaScript）上设置断点？
相关标签