Question

这是我在我的网站上使用的JS插件的片段。我想直接在控制台中检查isTouchDevice的值。只需输入isTouchDevice就会重新出现“未定义”错误。

(function($) {

    "use strict";

    $.maxmegamenu = function(menu, options) {

        var plugin = this;

        var $menu = $(menu);

        plugin.settings = {};

        var isTouchDevice = function() {
            return ('ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0);
        };
})(jQuery);

如何在Chrome控制台中检查isTouchDevice变量的值？

修改1：

澄清一下，首先，我需要能够直接在控制台中检查var isTouchDevice的值，而无需添加任何代码。其次，console.log(isTouchDevice)会返回一个'未定义的错误'，可能是由于变量封装（它在全局范围内不可用）所以只是控制台记录它不是一种方法。

Answer 1

您还可以在maxmegamenu函数末尾添加debugger;语句。

当chrome在该语句中断时，控制台将在该函数的上下文中，然后应定义isTouchDevice。

Answer 2

使用console.log(isTouchDevice);

或其他console方法 .info .warn .error .debug

或者您可以使用console.group('this is some event');分组，然后使用console.groupEnd();

关闭群组

最后一个方法是console.groupCollapsed('some title of group');，什么会创建组，但会在控制台中折叠，占用更少的空间

在Chrome控制台中检查JS变量的值

2 个答案: