javascript - 如何修复 Chrome DevTools 中的 JavaScript？

问题描述

在chrome dev工具中，“元素选项卡”中显示的部分对应的脚本没有出现在“源选项卡”中，即使修改也无法反映。如果我想用本节中的某些功能修改屏幕，我该怎么办？

我知道如何仅从头部（控制台窗口）修改 html（元素窗口）或 .js。但是，我不知道如何在 html 窗口中修改 javascript（脚本存在于元素窗口中）。

标签： javascriptgoogle-chrome

您可以像更改<script>HTML 的任何其他部分一样更改 HTML 中的 a：通过保存页面 Source HTML for Local Overrides，然后在 Sources 面板中对 HTML 响应进行编辑。例如，这个 Stack Overflow 页面有一个 inline <script>，<head>它初始化 Stack Snippets 和其他一些东西，可以在 Elements 中查看：

启用 Chrome Local Overrides，在 Sources 面板中打开页面，然后根据需要对其进行更改：

使用 control-S 保存对内联脚本的修改，下次加载页面时可以查看：

javascript - 如何修复 Chrome DevTools 中的 JavaScript？

问题描述

解决方案

推荐阅读