調試客戶端時使用Chrome / Firefox

Question

我正在使用帶有getUserMedia的相機，我得到了一些我想修復的錯誤。 問題是Visual Studio只允許我使用IE調試JavaScript（我的意思是擊中斷點），而IE不支持getUserMedia。

Answer 1

如果要在Internet Explorer以外的瀏覽器中進行調試，則需要使用該瀏覽器的開發人員工具並相應地設置斷點。 另外，您可以使用console.log（）和/或console.warn（）來獲取代碼中對象的狀態。 Visual Studio不能也不能夠理解不同的JavaScript和呈現引擎（V8，Blink，Gecko等）的實現-也不應嘗試這樣做。 這些引擎在六個星期的發布周期中移動得如此之快，IDE將成為您應該測試的實際平台的完全誤導性代理。

Firefox和Chrome都允許您在頁面重新加載/導航之外保留控制台內容，並且Visual Studio中的瀏覽器鏈接等工具將允許您同時在多個瀏覽器中進行測試 - 之后檢查控制台結果是否有錯誤（必須測試交互）在每個瀏覽器中單獨）。

如果您要測試移動設備Adobe Shadow ，則可能允許您同時在筆記本電腦或台式機上使用開發工具（我相信Chrome）同時在多台平板電腦和/或手機上進行測試。 否則，桌面瀏覽器開發工具可讓您調試使用相同瀏覽器在連接的移動設備上運行的頁面，或者-對於Firefox（對於Firefox）-設備上的Chrome實例 。

非常值得了解用於前端調試和故障排除的瀏覽器開發工具，因為這些工具比Visual Studio提供的功能更強大。 免費的CodeSchool課程Discover DevTools （專注於Chrome DevTools並由Google / Chrome贊助）可以幫助您發現客戶端開發人員工具的一些功能，並且許多界面和技術將廣泛適用於其他瀏覽器開發工具。

如果你想測試你不能使用的設備，你無法在你的系統上安裝的瀏覽器（例如Windows上的Safari），或者只是你不能安裝在本地安裝的新版本或舊版本，那么有類似的服務Browserstack允許您在托管虛擬機中執行此操作。 有一個Visual Studio擴展可用於BrowserStack，以幫助連接到本地運行的項目。