在Windows上調試iOS Safari html佈局

我的ASP.NET MVC網站標記在iOS（iPad和iPhone）中看起來「錯誤」。在桌面Safari瀏覽器，IE等我只是在瀏覽器中使用和嵌入開發人員工具來查找問題。在Windows上調試iOS Safari html佈局

有沒有辦法來調試從Windows的iOS Safari瀏覽器（通過一些仿真器）。如果它提供了促進流程的方法，我也可以在Mac上使用xCode。

來源

2012-07-04 Maxim V. Pavlov

在你的Mac上，你可以打開iOS模擬器（以前的iPhone模擬器）。如果你有XCode你有模擬器。只需打開模擬器，打開Safari並從那裏導航到您的頁面，就像在普通瀏覽器中一樣。

由於移動Safari瀏覽器沒有一個能夠HTML/CSS檢查Firebug Lite可能會奏效。

來源

2012-07-04 17:46:14 ErikPerik

但是，仿真器是否具有用於調試標記和js的開發者工具，就像Safari的桌面版本一樣？看到最終的佈局不是問題，問題是要看看它爲什麼以這種方式顯示。 –

它沒有開發人員工具，但它可以顯示您的CSS和JavaScript中的任何錯誤。我發現錯誤報告非常糟糕，但這只是你得到的。 http://imgur.com/a/riABW如果沒有這樣做可能安裝Firebug燈會有幫助嗎？ http://getfirebug.com/firebuglite/ – ErikPerik

埃裏克，你應該編輯你的答案，並添加螢火蟲lite信息，因爲其他選項簡單沒有做我所需要的。我有點忘了FB Lite，我甚至把它固定爲書籤。 –

我知道這是一個很古老的問題，但因爲我最近碰到這個自己，並找到了解決辦法，讓我與其他人有可能來找這裏分享。

的weinre項目提供了工程或多或少像老版本的WebKit的開發工具遠程調試器。雖然它沒有Safari中適當的遠程調試工具那麼完整，但它可以在使用HTML和CSS時完成工作。

的weinre包可on npmjs.com，它需要安裝在系統上的NodeJS/NPM。它可以調試任何運行任何瀏覽器的應用程序，並且可以在支持NodeJS的所有平臺（包括Windows）上運行。

要安裝：

npm i -g weinre

然後啓動它在端口9000（或任何你想要的端口）：

weinre --httpPort 9000

訪問本地主機：9000，您可以訪問說明如何儀器網正在測試的頁面（查看目標腳本部分下）。例如，將其添加到您的頁面：

<script src="http://localhost:9000/target/target-script-min.js#anonymous"></script>

一旦頁面被檢測到，您可以進入指令頁指向的調試接口。

來源

2016-09-18 13:32:08 hayavuk

在Windows上調試iOS Safari html佈局

回答

相關問題