javascript - Chrome : Is it possible to detect losing window focus to the javascript console?

Question

特定于 google chrome:我正在尝试检测页面何时失去焦点，但不会检测它何时失去焦点到 javascript 控制台/其他开发工具(即页面仍然是主要焦点)。

有什么想法吗？

我试过使用 window.onblur 和 visibilitychange 事件。

简短用例:我正在开发一款游戏，但由于某种原因，当它运行时我的编辑器(OSX 上的 sublime text 2)变慢了。如果我改变窗口焦点就没问题。因此，当我转到我的编辑器时我试图暂停游戏，但当我在 javascript 控制台中时让它继续运行

[编辑]

由于我的问题显然不清楚，试图澄清:我希望能够区分:

• 切换标签页、切换应用
• 转到 javascript 控制台

Answer 1

因为你无法真正检测到焦点是否在开发工具上，所以你能做的最好的就是检测你是否打开了开发工具:

var focused = true;

$(window).blur(function () {
    setTimeout(function () {
        if(!isInspectOpen()) {
            alert("Focus lost.");
            focused = false;
        }
    }, 500);
});
$(window).focus(function () {
    if(!focused) {
        alert("Focus gained.");
        focused = true;
    }
});

function isInspectOpen() {
    console.profile();
    console.profileEnd();
    if(console.clear) console.clear();
    return console.profiles.length > 0;
}

　　　　　　　　　　　　　　　http://jsfiddle.net/DerekL/NtPPR/