如何獲得Chrome開發工具，以允許我在生產環境中編輯縮小的JavaScript？
[英]How do I get Chrome Dev Tools to allow me to edit minified JavaScript in production?
原文
2015-04-14 16:23:22
5
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）上設置斷點？
相關標簽