JavaScript : How to inspect break point values in Chrome Debugger tools

标签 javascript google-chrome javascript-debugger

我有一个简单的 js 文件,它会连续打印日期。

我正在使用 Google Chrome 调试器工具 (F12)

我在 s = date.getSeconds(); 行设置了一个断点

它在那个断点处停止了。

我的问题是我可以查看/检查断点值吗??(如果是 eclipse,我会使用 Ctrl + Shift + i)

我知道控制台选项,但我能看到调试器工具的值(value)吗??

请在此处查看屏幕截图。

enter image description here

提前致谢。

function date_time(id)
{
        date = new Date;
        year = date.getFullYear();
        month = date.getMonth();
        months = new Array('January', 'February', 'March', 'April', 'May', 'June', 'Jully', 'August', 'September', 'October', 'November', 'December');
        d = date.getDate();
        day = date.getDay();
        days = new Array('Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday');
        h = date.getHours();
        if(h<10)
        {
                h = "0"+h;
        }
        m = date.getMinutes();
        if(m<10)
        {
                m = "0"+m;
        }
        s = date.getSeconds();
        if(s<10)
        {
                s = "0"+s;
        }
        result = ''+days[day]+' '+months[month]+' '+d+' '+year+' '+h+':'+m+':'+s;
        document.getElementById(id).innerHTML = result;
        setTimeout('date_time("'+id+'");','1000');
        return true;
}

最佳答案

你可以

  • 将鼠标悬停在感兴趣的变量上
  • 打开右侧栏中的“范围变量”部分
  • 打开控制台(“按 Esc”)并输入变量以查看其值

例如:

enter image description here

关于JavaScript : How to inspect break point values in Chrome Debugger tools,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14598216/

相关文章:

javascript - 尝试动态分割字符串不断出现错误?

javascript - 我想在 fullCalendar.js 中更改日 View

JavaScript 条件问题

Javascript:关闭弹出窗口、打开新窗口和重定向

html - 在 Chrome 中添加到最后一个对齐的内联 block 元素的额外空间

javascript - Chrome 平滑滚动和 requestAnimationFrame?

css - 升级到 Chrome 72 后有人遇到布局问题吗?

javascript - 如何禁止使用开发人员工具更改变量

reactjs - React.Components 中的 console.log 和调试器语句 - 意外 token

javascript - 如何使用 FileSystem API 调试 Javascript?执行顺序问题