Safari Mobile (iPad) 上的 Javascript 堆栈检查

Question

我的代码如下所示：

function myEventHandler() {
    inMyEventHandler = true;
    longRunningStuff();
    inMyEventHandler = false;
}

这非常有效，但在 iPad 上，Safari Mobile 偶尔会导致我的 Javascript 超时并出现错误。所以 longRunningStuff() 会死掉，而 inMyEventHandler 永远不会被清除。这是非常糟糕的，因为如果我们在这个函数之外，那么 inMyEventHander 绝对不能被设置，或者发生坏事。

理想情况下，我可以从 longRunningStuff 的深处检查 ​​myEventHandler 是否在调用堆栈中位于其上方，并且这会自行处理。我找不到办法做到这一点...提示？

Answer 1

1. （最简单）您可以在 longRunningStuff 中检查 arguments.callee.caller：

   函数 longRunningStuff() {
     if (arguments.callee.caller === myEventHandler) {
       // 小心
     }
   }
   

2. 另一个变体：

   函数 myEventHandler() {
     // 代码
   }
   myEventHandler.disable_in_longRunningStuff = true;
   函数 longRunningStuff() {
     if (arguments.callee.caller.disable_in_longRunningStuff) {
       // 小心
     }
   }
   

3. 最长的方法 - 从 https:/ 检索调用堆栈/github.com/eriwen/javascript-stacktrace

Answer 2

多年来我一直使用以下方法来手动检查调用堆栈。我已经有一段时间没有更新它了，也从未在 ipad 或 mobile safari 上尝试过它，所以我不知道它是否适合你。

也许你可以用它来获得灵感：

function logStackTrace(levels) {
    var c = console;
    var callstack = [];
    var isCallstackPopulated = false;
    try {
        throw new Error();
    } catch (e) {
        if (e.stack) { //Firefox
            var lines = e.stack.split('\n');
            for (var i = 0, len = lines.length; i < len; i++) {
                if (lines[i].match(/^\s*[A-Za-z0-9\-_\$]+\(/)) {
                    callstack.push(lines[i]);
                }
            }
            //Remove call to logStackTrace()
            callstack.shift();
            isCallstackPopulated = true;
        }
        else if (window.opera && e.message) { //Opera
            var lines = e.message.split('\n');
            for (var i = 0, len = lines.length; i < len; i++) {
                if (lines[i].match(/^\s*[A-Za-z0-9\-_\$]+\(/)) {
                    var entry = lines[i];
                    //Append next line also since it has the file info
                    if (lines[i + 1]) {
                        entry += " at " + lines[i + 1];
                        i++;
                    }
                    callstack.push(entry);
                }
            }
            //Remove call to logStackTrace()
            callstack.shift();
            isCallstackPopulated = true;
        }
    }
    if (!isCallstackPopulated) { //IE and Safari
        var currentFunction = arguments.callee.caller;
        while (currentFunction) {
            var fn = currentFunction.toString();
            var fname = fn.substring(fn.indexOf("function") + 8, fn.indexOf("(")) || "anonymous";
            callstack.push(fname);
            currentFunction = currentFunction.caller;
        }
    }
    if (levels) {
        c.log(callstack.slice(0, levels).join('\n'));
    }
    else {
        c.log(callstack.join('\n'));
    }
};

Answer 3

从 iOS 6 开始，可以使用真正的 Web 检查器。请参阅下文或此链接。 https://stackoverflow.com/a/12762449/72428

更新!!! 在操作系统上X 您可以在 iOS 模拟器和 iOS 6 设备上使用 Safari Web 检查器。

1. 首先在 Safari 中启用开发者菜单。

2. 接下来，在您的 iOS 设备（或模拟器）上启用远程调试。

   设置>野生动物园>高级>网络检查器（ON）
   

3. 返回设备上的 Safari。
4. 返回您的计算机，单击“开发人员”菜单，然后选择您的
   设备（例如 iPhone 模拟器、iPhone）

注意：仅当 Safari 处于活动状态并正在运行时，您才会在“开发人员”菜单中看到您的设备。

享受！