【问题标题】:How to fix JavaScript in Chrome DevTools?如何修复 Chrome DevTools 中的 JavaScript?
【发布时间】:2020-05-18 21:42:30
【问题描述】:

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

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

【问题讨论】:

    标签: javascript google-chrome


    【解决方案1】:

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

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

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

    【讨论】:

      猜你喜欢
      • 2013-07-25
      • 2012-02-07
      • 2021-08-31
      • 2020-01-27
      • 1970-01-01
      • 2015-07-29
      • 1970-01-01
      • 1970-01-01
      • 2023-03-06
      相关资源
      最近更新 更多