使用检查元素应用 JavaScript 更改
Applying JavaScript changes using Inspect Element
是否可以使用 Google Chrome 的 Inspect Element 编辑网页的 JavaScript 代码？
例如，如果我打开一个简单的网页，打开 Inspect Element，并更改段落和标题内的文本等内容，所做的更改会立即反映在网页上，只要我不重新加载页面就会一直保留。
同样，我尝试对 JavaScript 代码做一些更改（非常简单的代码，不连接任何服务器），但更改没有生效（我所做的是编辑函数 a按钮已激活，所以它 document.write() 而不是在空白段落元素中显示文本）我很确定这是可能的，但我错过了一些东西。
我完全知道我可以只保存网页并用它的代码做任何我想做的事，但我只是看看我是否也可以这样做。
您可以通过控制台注入 javascript 方法。这将具有相同的效果，并且还允许您相当轻松地复制/粘贴新方法，而不是每次刷新页面时手动编辑 JS 文件。例如，打开控制台并将以下内容粘贴到（在此页面上）：
$('p').on('click', function(){alert("clicked paragraph")});
现在点击一个段落，您将看到警报。
当然可以。在您的开发者工具中打开 "Sources" 选项卡。
然后，在左侧的源代码树中找到您的文件。 Select 一个文件，使用 Ctrl+S 编辑并保存，Chrome 将用您的文件替换原始文件.
也可以点击底部的{}图标美化JS，方便编辑调试。
请注意，它仅适用于 .js 个文件。您不能使用此方法修改内联脚本。
是否可以使用 Google Chrome 的 Inspect Element 编辑网页的 JavaScript 代码？
例如，如果我打开一个简单的网页，打开 Inspect Element，并更改段落和标题内的文本等内容，所做的更改会立即反映在网页上，只要我不重新加载页面就会一直保留。
同样，我尝试对 JavaScript 代码做一些更改（非常简单的代码，不连接任何服务器），但更改没有生效（我所做的是编辑函数 a按钮已激活，所以它 document.write() 而不是在空白段落元素中显示文本）我很确定这是可能的，但我错过了一些东西。
我完全知道我可以只保存网页并用它的代码做任何我想做的事，但我只是看看我是否也可以这样做。
您可以通过控制台注入 javascript 方法。这将具有相同的效果，并且还允许您相当轻松地复制/粘贴新方法，而不是每次刷新页面时手动编辑 JS 文件。例如，打开控制台并将以下内容粘贴到（在此页面上）：
$('p').on('click', function(){alert("clicked paragraph")});
现在点击一个段落，您将看到警报。
当然可以。在您的开发者工具中打开 "Sources" 选项卡。
然后，在左侧的源代码树中找到您的文件。 Select 一个文件，使用 Ctrl+S 编辑并保存，Chrome 将用您的文件替换原始文件.
也可以点击底部的{}图标美化JS，方便编辑调试。
请注意，它仅适用于 .js 个文件。您不能使用此方法修改内联脚本。