如何在動態添加的JavaScript文件的開頭暫停執行？

Question

比方說，我們有一個網頁包含此內嵌腳本：

<script> 
(function() { 
    var script = document.createElement('script'); 
    script.src = 'http://remote.com/external.js'; 
    document.body.appendChild(script); 
}()); 
</script> 

正如你所看到的，外部腳本，external.js，追加到該頁面。

我想在該外部腳本的開頭暫停執行。我是而不是能夠編輯該外部腳本。 （如果我是，我只是在該文件的頂部插入一個debugger;聲明。）

我目前停在這條語句（上面的腳本）：

document.body.appendChild(script); 

有沒有其他頁面上的SCRIPT元素，因此，如果我恢復執行，將要執行的下一條語句將成爲外部腳本的第一條語句。

如何命令Chrome的開發工具在下一條語句中暫停執行？ 「跳過」命令僅在同一個調用堆棧中工作。

爲什麼我需要這樣的：（這僅僅是背景你並不需要閱讀本。）W3C的HTML5 404頁，包含的頁面加載調用的script with a fixBrokenLink function。該功能然後動態地將fragment-links.js腳本添加到頁面。我想穿過該腳本。我的目標是瞭解腳本如何「修復斷開的鏈接」。當然，我可以靜態分析該腳本，但我更願意通過開發工具直接執行代碼。如果我不認爲這是可能的，我不會問這個問題。

---

解決辦法：

如果它不是從接受的答案明確，一個人只要邁過document.body.appendChild(script);聲明，使執行暫停在大括號}（見上面的代碼）。此時，Chrome會在後臺加載外部腳本，以便最終顯示在開發工具中。一旦完成，可以在該腳本中設置一箇中斷點，然後繼續執行到該中斷點。

Answer 1

這是現在實施的爲它投票或評論，你可以在事件監聽器斷點下腳本部分打開腳本首先聲明。

Answer 2

1. 在第一個腳本（在這裏，link-fixup.js），添加一個斷點立即後的appendChild(script)線。 （所以，在這裏，在link-fixup.js末尾的括號內）。

2. 單擊Devtools的左上角，在Sources窗格中打開導航器。一旦瀏覽器完成加載腳本，您將看到在那裏列出的加載腳本。

3. 在導航器中，打開Sources窗格中的加載腳本（這裏是fragment-links.js），並在其中放置一個斷點。

4. 繼續到斷點;你完成了！

Answer 3

一種方法：

看代碼，並重寫屬性之一，defineGetter訪問。我與DevTools領導Pavel交談，他建議攔截window.jQuery這是關於第一個JS行。它存儲舊jQuery的價值，你可以用_defineGetter_function() { debugger; return null; }

參見：

• http://wordsbyf.at/2011/12/23/debugging-javascript-is-a-lame-title/（getter/setter方法）
• 和：https://gist.github.com/1676346

---

不過，雖然我們在這，你可以file a bug，你想能夠進入appendChild當它是要評估JS？還提到歌劇的「新腳本的第一個陳述」，因爲這非常方便。 Chrome DevTools eng團隊希望爲您提供對此用例的很好支持。

Answer 4

據我所知，尚未實施。 但是你可以在專用的bug http://code.google.com/p/chromium/issues/detail?id=156556