在DevTools

时间:2017-03-21 10:52:06

标签: google-chrome-devtools

我一直在通过使用Chrome DevTools编辑网站的JS文件来检查服务器验证(或仅客户端验证)。

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

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

我不能给你整个剧本,但这里是我正在改变的功能:

changeMap: function(a) {
    var b = this;
    $(this.el).find(".mapy-single-map").html("");
    var c = $(a.currentTarget).siblings(".btn-dark-blue")
      , d = $(a.currentTarget)
      , e = $(d).attr("map");
    alert(e), // alert added in the code
    alert("fdfgfdfd"), // alert added in DevTools
    this.collection.getDisplaysForMap(e).then(function() {
        b.renderPlayers(),
        $(d).removeClass("mapy-white-btn"),
        $(d).addClass("btn-dark-blue"),
        $(c).removeClass("btn-dark-blue"),
        $(c).addClass("mapy-white-btn"),
        $(b.el).find(".mapy-single-map").css("background-image", 'url("./graphics/mapy_ciemne/ciemne' + e + '.jpg")')
    })
},

不,我没有编辑all_views.min.js的美化版本。

1 个答案:

答案 0 :(得分:0)

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