Javascript 如何查看此代码的控制台日志？

我正试图解决一个问题，如前一个堆栈溢出中所述，但我没有得到任何答复，所以我正试图自己解决这个问题

我将如何从这段代码中查看控制台数据，以便准确地看到正在计算的高度

window.onscroll = function (event) {
   var offset = window.pageYOffset;
   var wheight = window.innerHeight;
   var html = document.documentElement;
   var docheight = Math.max(document.body.scrollHeight, document.body.offsetHeight,
   html.clientHeight, html.scrollHeight, html.offsetHeight);
   var progress = offset / wheight;

   document.getElementById("SVGID_1_").setAttribute("y1", 93000 + progress * 93000);
}

---

jsfdle here:

键入console.info（一些变量）并在浏览器的控制台中查看。通常键入F12

只需在javascript中添加

console.log

行，如下所示：

---

点击F12查看控制台输出（在大多数浏览器中）。

使用console.log语句更新代码，如下所示：

window.onscroll = function (event) {
   var offset = window.pageYOffset;
   var wheight = window.innerHeight;
   var html = document.documentElement;
   var docheight = Math.max(document.body.scrollHeight, document.body.offsetHeight,
   html.clientHeight, html.scrollHeight, html.offsetHeight);
   var progress = offset / wheight;
   // HERE'S THE LOG STATEMENT
   console.log("Progress = " + progress);
   document.getElementById("SVGID_1_").setAttribute("y1", 93000 + progress * 93000);
}

---

然后使用Chrome或Firefox，右键单击示例中的人脸图像，检查元素，然后选择Console选项卡。或者，至少在Chrome中，只需点击F12即可直接进入控制台。现在，当您滚动面部图像时，您将看到进度的值。

控制台上没有任何记录？