在 Safari Web 检查器中调试 Web Worker

您可以使用 postMessage 代替 console.log。postMessage 应该允许您向 Safari 控制台发送调试消息。

这是一个关于如何做到这一点的很好的例子，我在下面粘贴了主要思想：

//
// In the Main thread
//
var worker = new Worker('/path/of/webworker/code.js')
worker.onmessage = function (e) {
  var result = JSON.parse(e.data);
  if(result.type == 'debug') {
    console.log(result.msg);
  } else if(result.type == 'response') {
    // ... use result.answer ...
  }
}


//
// In the WebWorker
//
function debug(msg) {                                                           
  postMessage(JSON.stringify({type:'debug',msg:msg}));                          
}

onmessage = function (e) {
  var inputData = e.data;
  // work on input data
  debug('Working OK');
  // work some more
  // ...
  postMessage(JSON.stringify({type:'response', answer:42}));
};

如果你不想玩postMessage，David Flanagan在这里为它做了一个包装器，它应该允许你至少使用console.log进行调试

在源代码中插入代码debugger;

用法：将其插入到要添加断点的任何位置，当开发人员控制台自动打开时，执行将在该行暂停

var a = 50;
a = a + 5;
debugger; //--> execution is paused here
a = a - 5;

有关详细信息，请参阅有关 mozilla.org 的调试器文档