繁体   English   中英

如何在 Chrome DevTools 中修复 JavaScript?

[英]How to fix JavaScript in Chrome DevTools?

在chrome开发工具中,“元素选项卡”中显示的部分对应的脚本不会出现在“源选项卡”中,即使修改也无法反映。 如果我想使用本节中的某些功能修改屏幕,我该怎么做?

我知道如何从头部(控制台窗口)只修改 html(元素窗口)或 .js。 但是,我不知道如何在 html 窗口中修改 javascript(元素窗口中存在脚本)。

您可以像更改 HTML 的任何其他部分一样更改 HTML 中的<script> :通过为本地覆盖保存页面源 HTML,然后在“源”面板中对 HTML 响应进行编辑。 例如,这个 Stack Overflow 页面在<head>有一个内联<script> ,它初始化 Stack Snippets 和其他一些东西,可以在 Elements 中查看:

在此处输入图片说明

启用 Chrome Local Overrides ,在 Sources 面板中打开页面,并根据需要对其进行更改:

在此处输入图片说明

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

在此处输入图片说明

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM