如何在 Windows Phone 7 上調試 Internet Explorer？

Question

我不是 Windows Phone 開發人員，我希望盡可能少做與 Microsoft 相關的任何事情。 盡管如此，我需要讓我的移動 Web 應用程序在 Windows Phone 7 上正常運行。該平台有哪些調試工具可用？ Webkit 開發人員工具或 Firebug 之類的東西是理想的，無論是從手機本身還是更有可能從我的計算機遠程調試。

如果這樣的東西不存在，我會滿足於能夠讀取 Javascript 錯誤消息，並使用alert()或類似方法查看變量的內容。 在這一點上，我只知道我的 JS 失敗了：我不知道在哪里或為什么，更不用說如何修復它了。

我的開發計算機運行的是 OS X，如果可能的話，我真的希望能夠從 OS X 使用這些工具。 假設存在調試工具（我真的希望他們這樣做）它們是否僅適用於 Windows？ 如果是這樣，有沒有人知道他們與Wine或類似產品的搭配效果如何？

編輯：我有一個物理 Windows Phone 7 設備，所以我可以使用它。 但是， alert()似乎不起作用，這就是我發布此問題的原因。 alert()在 WP7 瀏覽器上正常工作嗎？

Answer 1

您可能會發現Mobile Perf Bookmarklet是用於測試任何移動設備的最簡單的多合一工具。

到目前為止，在我的測試中，在 iPhone/iPad/Samsung Galaxy Tab 上運行良好。

引用：

它顯示一個菜單，其中包含加載其他書簽的鏈接，包括 Firebug Lite、Page Resources、DOM Monster、SpriteMe、CSSess 和 Zoompf。

Answer 2

以下內容可能很有趣

適用於 Windows Phone 的簡單 IE 調試工具

支持

• html遍歷
• Html 節點樣式、屬性、指標
• 讀取控制台輸出
• 從控制台在設備端執行 js（包括智能感知）
• 動態腳本注入 - 調試實時站點的能力

不支持

• js斷點

Answer 3

只是想添加一個注釋，說明現在可以使用 Windows Phone 8.1 和 Visual Studio 2013 Update 2 進行完整的 JavaScript 調試。完整詳細信息可在以下位置獲得：

http://blogs.msdn.com/b/visualstudioalm/archive/2014/04/04/diagnosing-mobile-website-issues-on-windows-phone-8-1-with-visual-studio.aspx

我意識到這對原始問題（WP7）中引用的版本沒有幫助，但我希望這會幫助那些可能發現這個問題並正在運行更新版本的人。

Answer 4

除非您有 Windows Phone 7 設備，否則您需要在 BootCamp 中運行 Windows 並安裝Windows Phone Developer Tools ，以便在模擬器上的 IE 中進行測試。 我不知道 Whine，但我在嘗試在 Parallels 中進行測試時遇到了重大問題 - 所以根據我的經驗，我建議盡可能保持簡單。

手機上的 IE 中沒有控制台，因此您需要像您建議的那樣使用警報，或者只是將文本寫入頁面上的 div 作為自定義控制台。

如果你真的想在 OS X 中編碼（我絕對理解），使用單獨的機器在 WP7 模擬器中測試 IE 將是你最好的選擇。

編輯：我剛剛測試了警報，它在我的 Windows Phone 上運行良好。 我的猜測是語法錯誤阻止它調用。

Answer 5

我正在使用這個 hack 讓 console.log 將信息發送回服務器（它使用 window.fetch，我正在 polyfilling，但可以使用 xhr 代替） https://gist.github.com/wheresrhys/bf93057ee3a594454582

Answer 6

對我有用的是通過 Windows Vista 內置的 Internet Explorer 瀏覽器測試我的移動頁面。 它帶有一個腳本調試器（您必須通過 Internet 選項菜單在高級選項選項卡中啟用它），而且它似乎非常接近 Internet Explorer Mobile 的實現。

另一個提示是，除了使用 window.alerts，您還可以使用 document.write 或將輸出設置為 div 內容。