Debug di Web worker in Safari Web Inspector

Question

Gli strumenti di sviluppo di Chrome sono ottimi per eseguire il debug di web worker in quanto posso "navigare" in quell'ambiente JavaScript e impostare i punti di interruzione. Anche la console funziona come previsto.

Su Safari, è una storia completamente diversa. console.log dal web worker non stampa nemmeno nella console. Vedo caricato lo script di lavoro e vi metto un punto di interruzione, ma non si spezza. Non vedo nemmeno gli script caricati con importScripts.

Come posso utilizzare Safari's Web Inspector per la risoluzione dei problemi?

Non che io credo sia importante, ma sto usando Safari 8.

Answer 1

Al posto di console.log, è possibile utilizzare postMessage. postMessage dovrebbe consentire di inviare messaggi di debug alla console di safari.

Here è un grande esempio di come farlo, ho incollato l'idea principale di seguito:

// 
// 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})); 
}; 

Se non si vuole giocare con postMessage però, David Flanagan ha fatto un wrapper per esso here che dovrebbe consentire di fare almeno il debug con console.log

Answer 2

Inserire il codice di debugger; nell'origine

Usage: Inserire ovunque si desidera aggiungere un punto di interruzione e quando lo sviluppatore co nsole è aperto automaticamente l'esecuzione farà una pausa in quella riga

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

Per maggiori informazioni vedere il Debugger Documentation on mozilla.org