title: Chrome not updating the page after editing JS in DevTools
body: <p>I've always been checking if there is server validation (or only client validation) by editing JS files of a site with Chrome DevTools.</p>
  
  <p>This time I added an alert after clicking some button in IDE and saved the changes. The alert successfully shows up when I click some button. Then I opened on that site DevTools, went to sources, found a file called <code>all_views.min.js</code> (which is a file generated by Grunt from all JS views files). Ctrl+f+"alert" showed me the alert I just added. But when I added another alert after that and saved the JS file with ctrl+s I still get only 1 alert after clicking mentioned button.</p>
  
  <p><strong>What can be the cause of this?</strong> Yes, the JS file is generated but I have to generate it manually (and locally, not in browser) after changing a view script. So the browser shouldn't care.</p>
  
  <p>I can't give you the whole script but here's the function I'm changing:</p>
  
  <pre class="lang-js prettyprint-override"><code>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")')
      })
  },
  </code></pre>
  
  <p>And no, I wasn't editing the prettified version of <code>all_views.min.js</code>.</p>