【发布时间】:2020-05-18 21:42:30
【问题描述】:
在chrome dev工具中,“元素标签”中显示的部分对应的脚本不会出现在“源标签”中,即使修改也无法反映。 如果我想用本节中的某些功能修改屏幕,我该怎么办?
我知道如何仅从头部(控制台窗口)修改 html(元素窗口)或 .js。 但是,我不知道如何在 html 窗口中修改 javascript(脚本存在于元素窗口中)。
【问题讨论】:
在chrome dev工具中,“元素标签”中显示的部分对应的脚本不会出现在“源标签”中,即使修改也无法反映。 如果我想用本节中的某些功能修改屏幕,我该怎么办?
我知道如何仅从头部(控制台窗口)修改 html(元素窗口)或 .js。 但是,我不知道如何在 html 窗口中修改 javascript(脚本存在于元素窗口中)。
【问题讨论】:
您可以更改 HTML 中的 <script>,就像更改 HTML 的任何其他部分一样:保存页面 Source HTML for Local Overrides,然后在 Sources 面板中编辑 HTML 响应。例如,这个 Stack Overflow 页面在 <head> 中有一个内联 <script>,它初始化 Stack Snippets 和其他一些东西,可以在 Elements 中查看:
Enable Chrome Local Overrides,在 Sources 面板中打开页面,并根据需要进行更改:
使用 control-S 保存对内联脚本的修改,下次加载页面时即可查看:
【讨论】: