Gỡ lỗi Công nhân Web trong Trình kiểm tra Web Safari

Question

Công cụ dành cho Chrome của Chrome là công cụ tuyệt vời để gỡ lỗi công nhân web vì tôi có thể "duyệt" vào môi trường JavaScript đó và đặt điểm ngắt. Ngay cả giao diện điều khiển cũng hoạt động như mong đợi.

Trên Safari, đó là một câu chuyện hoàn toàn khác. console.log từ nhân viên web thậm chí không in trong bảng điều khiển. Tôi thấy kịch bản công nhân được tải và tôi đặt một điểm break vào nó, nhưng nó không phá vỡ. Tôi thậm chí không thấy các tập lệnh được tải với importScripts.

Tôi làm cách nào để sử dụng Trình kiểm tra trang web của Safari để khắc phục sự cố?

Không phải là tôi nghĩ điều đó quan trọng, nhưng tôi đang sử dụng Safari 8.

Answer 1

Thay vì console.log, bạn có thể sử dụng postMessage. postMessage sẽ cho phép bạn gửi thông báo gỡ lỗi đến bảng điều khiển safari.

Here là một ví dụ tuyệt vời về cách để làm điều đó, tôi dán tưởng chính dưới đây:

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

Nếu bạn không muốn chơi xung quanh với postMessage Mặc dù vậy, David Flanagan làm một wrapper cho nó here mà nên cho phép bạn ít nhất là làm gỡ lỗi với console.log

Answer 2

Chèn mã debugger; trong mã nguồn của bạn

Cách sử dụng: Chèn nó bất cứ nơi nào bạn muốn thêm một breakpoint và khi đồng nhà phát triển nsole mở cửa tự động thực hiện sẽ tạm dừng tại dòng

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

Để biết thêm thông thấy Debugger Documentation on mozilla.org