javascript - Chrome中的调试方法: Identify what line of code is executed after Onload event ended

Question

我有一个 JavaScript 函数。例如:

function Sample(){
    var myid_signature_image  = new Image(); 
    myid_signature_image.onload = function () {                              
        alert('Two');                                                                                                                           
    }; 
    alert('One');
}

我在函数的每一行都放置了一个断点。首先显示 One，然后显示 Two。在 onload 事件之后，一些 JavaScript 函数正在干扰我的代码。我如何使用Google Chrome 开发者工具知道它是哪一行代码？

Answer 1

启动开发人员工具 (Ctrl + Shift + I)，然后在“源”选项卡下，在 alert('Two'); 行放置一个断点。通过浏览器执行 html 操作，在这种情况下 onload 需要刷新，并且它将在断点处停止。从这里，只需按 F10(跳过下一个函数调用)，它就会告诉您在 onload 事件之后接下来要执行哪些行。