如何在Chrome中添加內聯javascript中的斷點

我想調試我的JavaScript代碼，並能夠在源選項卡下的所需位置成功放置斷點。如何在Chrome中添加內聯javascript中的斷點

但是，我遇到了一個問題，我想調試我的內聯JavaScript代碼。我們是否有任何使用它可以調試我的內嵌JavaScript代碼的chrome調試工具功能。

我很喜歡用Firebug進行調試。 PS：通過內嵌JavaScript代碼，我的意思是JS代碼內的身體標記和相同的文件。

2013-05-16 sachinjain024

你在使用'debugger;'語句嗎？ –

我不想爲了調試目的而更改我的代碼，因爲在稍後的時間點，我需要刪除這些調試器行。所以我正在考慮一個解決方案，讓瀏覽器停止在斷點處，就像停止在源選項卡中一樣。 – sachinjain024

[如何在Google Chrome瀏覽器中爲嵌入式JavaScript設置斷點？]（http://stackoverflow.com/questions/5156388/how-to-set-breakpoint-in-inline-javascript-in-google -chrome-browser-for-linux） –

另一種方式可以使用動態腳本方法打開HTML和地點斷點。 Chrome提供了簡單的解析器命令，可以標記動態加載的JS。

<script type="text/javascript"> 
[...] 
//# sourceURL=dynamicScript.js 
</script>

該行告訴chrome調試器，腳本標籤內的整個腳本應該被解釋爲一個dynamicScript.js文件。您可以在調試器列表中找到該文件，並輕鬆設置斷點或檢查代碼。

注：@由＃更換，以免在不支持的瀏覽器

Breakpoints in Dynamic JavaScript

來源

2014-01-09 14:22:36 fazzyx

請注意，[僅鏈接答案]（http：//meta.stackoverflow。com/tags/link-only-answers/info），所以SO答案應該是搜索解決方案的終點（而另一個引用的中途停留時間往往會過時）。請考慮在此添加獨立的摘要，並將鏈接保留爲參考。 – kleopatra

@fazzyx感謝您的鏈接。我也同意kleopatra關於答案是搜索的終點。因此，無論是你應該更新你的答案與相關的內容，或只是把鏈接發表評論。 – sachinjain024

感謝您的注意。我確實更新了答案。 – fazzyx

我找到了解決方案。我們也可以在內嵌JavaScript上放置斷點。

解決方案：

轉到源標籤在Chrome瀏覽器開發工具，你可以看到所有的源那裏。
您的HTML代碼將與您的網址中的類似目錄結構一同出現。
然後你就可以在你的內聯JavaScript代碼

來源

2013-05-17 05:47:03 sachinjain024

可以放置斷點和工作，但是當腳本位於模板標籤內時，鉻會忽略它們，不幸的是不會在斷點處暫停腳本。 – Eddie

@blunderboy錯誤，如果你有以下JS的類型包括你的身體標記內它永遠不會在你的目錄結構顯示，所以在這種情況下你的解決方案不會工作。

<div> 
<script src="myJSfile.js"> 
</script> 
</div>

發生這種情況在不加載頁面的div之外的一切jQuery Mobile的，所以你必須包括頁面DIV中JS。

我將@fzzyx標記爲正確答案，因爲至少chrome會顯示甚至包含那些包含的文件。

來源

2014-03-14 23:00:21 TechMaze

如何在Chrome中添加內聯javascript中的斷點

回答

相關問題