Google chrome devtools Chrome在DevTools中编辑JS后不更新页面

Google chrome devtools Chrome在DevTools中编辑JS后不更新页面,google-chrome-devtools,Google Chrome Devtools,我一直在通过使用ChromeDevTools编辑站点的JS文件来检查是否存在服务器验证(或者只有客户端验证) 这次我在IDE中单击一些按钮并保存更改后添加了一个警报。当我单击某个按钮时,警报成功显示。然后我在那个网站上打开DevTools,找到了一个名为all_views.min.js(这是Grunt从所有js视图文件生成的文件)。Ctrl+f+“警报”显示了我刚才添加的警报。但是,当我在那之后添加了另一个警报并用ctrl+s保存JS文件时,在单击上面提到的按钮后,我仍然只收到1个警报 这是什么

我一直在通过使用ChromeDevTools编辑站点的JS文件来检查是否存在服务器验证(或者只有客户端验证)

这次我在IDE中单击一些按钮并保存更改后添加了一个警报。当我单击某个按钮时,警报成功显示。然后我在那个网站上打开DevTools,找到了一个名为
all_views.min.js
(这是Grunt从所有js视图文件生成的文件)。Ctrl+f+“警报”显示了我刚才添加的警报。但是,当我在那之后添加了另一个警报并用ctrl+s保存JS文件时,在单击上面提到的按钮后,我仍然只收到1个警报

这是什么原因?是的,JS文件是生成的,但在更改视图脚本后,我必须手动(本地,而不是在浏览器中)生成它。所以浏览器不应该在意

我无法给出整个脚本,但我正在更改以下功能:

changeMap:函数(a){
var b=这个;
$(this.el).find(“.mapy single map”).html(“”);
var c=$(a.currentTarget).birds(“.btn深蓝色”)
,d=$(a.currentTarget)
,e=$(d).attr(“map”);
警报(e),//代码中添加了警报
警报(“fdfgfdfd”),//在DevTools中添加警报
this.collection.getDisplaysForMap(e).then(function(){
b、 renderPlayers(),
$(d).removeClass(“mapy white btn”),
$(d).addClass(“btn深蓝色”),
$(c).removeClass(“btn深蓝色”),
$(c).addClass(“mapy white btn”),
$(b.el.find(“.mapy single map”).css(“背景图像”,“url”(/graphics/mapy_ciemne/ciemne'+e+'.jpg”))
})
},
不,我没有编辑美化版的
all_views.min.js

: 您可以在Chrome调试器的“源”选项卡下动态编辑javascrpit文件,但是如果刷新页面,在进行更改之前暂停页面加载,您所做的更改将丢失:
您可以在Chrome调试器的“源”选项卡下动态编辑javascrpit文件,但是如果您刷新页面,在进行更改之前暂停页面加载,您所做的更改将丢失。

为什么要用逗号结束
警报
语句?这不是无效的语法吗?@KayceBasques我也尝试过使用分号,但这是Grunt生成的。在我的JS视图中,我用分号代替逗号。所以我想如果这是个坏主意,格伦特不会改变他们的信仰。另外,当我没有添加另一个警报,而是将
alert(e)
更改为
alert(“|”+e)
时,我得到了相同的结果-页面上没有任何更改。可能是缓存问题。尝试清除浏览器缓存并重新加载页面。开发工具中有一个选项可以在开发工具打开时禁用缓存。当开发工具处于打开状态时,您也可以长时间单击浏览器中的“刷新”按钮,您将看到一个下拉列表,其中有一个选项可以专门为该选项卡清除缓存并硬重新加载。您得到的是哪个警报?@Gambit I在Chrome中从一开始就清除了所有缓存,转到页面,将
警报(e)
更改为
警报(e+“|”)
。什么也没发生。长时间单击refersh按钮,选择“空缓存和硬重新加载”,在DevTools中更改JS,保存JS,单击按钮。警报没有改变。转到DevTools的设置,设置“禁用DevTools上的缓存”,刷新页面,在JS中更改并保存警报,单击按钮。警报没有更改。为什么要用逗号结束
Alert
语句?这不是无效的语法吗?@KayceBasques我也尝试过使用分号,但这是Grunt生成的。在我的JS视图中,我用分号代替逗号。所以我想如果这是个坏主意,格伦特不会改变他们的信仰。另外,当我没有添加另一个警报,而是将
alert(e)
更改为
alert(“|”+e)
时,我得到了相同的结果-页面上没有任何更改。可能是缓存问题。尝试清除浏览器缓存并重新加载页面。开发工具中有一个选项可以在开发工具打开时禁用缓存。当开发工具处于打开状态时,您也可以长时间单击浏览器中的“刷新”按钮,您将看到一个下拉列表,其中有一个选项可以专门为该选项卡清除缓存并硬重新加载。您得到的是哪个警报?@Gambit I在Chrome中从一开始就清除了所有缓存,转到页面,将
警报(e)
更改为
警报(e+“|”)
。什么也没发生。长时间单击refersh按钮,选择“空缓存和硬重新加载”,在DevTools中更改JS,保存JS,单击按钮。警报没有改变。转到DevTools的设置,设置“禁用DevTools上的缓存”,刷新页面,在JS中更改并保存警报,单击按钮。警报没有改变,我知道。我正在DevTools中的Sources选项卡下动态编辑JS。我不会刷新页面。我知道这一点,因为如果我刷新页面,源代码将返回到旧版本,但它不会这样做。但网页仍然是一样的。1)加载页面2)转到源设置断点(但在没有附加事件的地方,初始化函数的第一行或类似的地方)3)刷新页面并检查浏览器是否停止在断点上执行,如果是,请更改您的javascript并继续执行js,我认为chrome live编辑无法按预期工作。因此,您必须停止在文件的第一行加载javascript文件或某些init函数(带断点),然后在源代码内部进行更改(保存),然后让浏览器加载文件。我想我有问题,因为看起来源选项卡看起来像是缓存的,我必须重新加载并关闭开发工具,随机刷新源代码。我想是虫子吧?我知道。我正在DevTools中的Sources选项卡下动态编辑JS。我不会刷新页面。我知道这一点,因为如果我刷新页面,源代码将返回到旧版本,但它不会这样做。但是网页还是一样。1)加载页面2)转到源设置断点(但是