为什么要在控制台中编写无意义的命令后阻止Google chrome加载旧的javascript？

Question

我写了一些无效的代码，所以我想尝试运行代码的特定部分以查找错误，但是我无意间复制了我的所有代码，这使我的程序现在在控制台中编写任何内容时都变得很奇怪。

更具体地说，我正在制作一个程序，该程序通过将图片放在鼠标指针上进行绘制，但是我做到了，因此，每当我在控制台中编写某些内容时，它的绘制效果都将比平时高得多。

我尝试重新加载页面，关闭chrome，再次打开页面以及重新启动计算机。我也尝试过使用console.clear（）清除控制台，但是我的尝试都没有成功

这是我用来绘制的代码：

function tegn() {
  if(MusTilstand == 1) { //this is the drawing function
    var x = event.clientX;
    var y = event.clientY;
    var coor = "X coords: " + x + ", Y coords: " + y;
    document.getElementById("demoo").innerHTML = coor;

    pnktArrayX[counter2].push(x);
    pnktArrayY[counter2].push(y);

    var img = document.createElement("img");
    img.src = "https://www.astrology-zodiac-signs.com/images/cancer.jpg";
    img.width = 50;
    img.height = 50;
    img.style.zIndex = -1;
    img.alt = "Image";
    img.id = ("idd" + counter);

    document.body.appendChild(img);

    var y = document.getElementById("idd" + counter);
    y.style.position = "absolute";
    y.style.left = (event.pageX - 25 + 'px');
    y.style.top = (event.pageY - 25 + 'px');

    counter = (counter + 1);

  }
}

不知道它是否相关，但是这里有一些绘图代码：

document.getElementsByTagName("BODY")[0].addEventListener("mousedown", mouseDown);
function mouseDown() {
  if(MusTilstand == 0) {
    MusTilstand = 1;
    pnktArrayX.push([]);
    pnktArrayY.push([]);
  } else {
    MusTilstand = 0;
    counter2 = counter2 + 1;
  }

}

这里有一些链接来显示绘制代码正常工作的方式与在控制台中编写某些内容之后的工作方式之间的区别：

这是我正常绘制时的图像

这是我在控制台中编写命令后发生的情况

Answer 1

Ctrl + F5可以在不缓存的情况下重新加载页面。