2012-01-12 68 views
13

我正在爲iPad開發一個Web應用程序,並在iPad上的Safari和Safari模擬器上進行測試。現在iPad模擬器中的CSS存在一些問題,在Mac上的Safari中運行良好。 現在我的問題是, 在iPad模擬器中,Safari是否有強大的調試工具?在iPad模擬器中調試Web應用程序

+1

於iOS 6遠程調試可用:http://stackoverflow.com/a/12762449/72428 – Blaine 2012-10-06 18:20:39

回答

12

注意:由於iOS6的的,這不是在做遠程調試的正確方法,讓這個答案的歷史原因,但你應該考慮使用Safari瀏覽器進行遠程檢查,這裏是一個很好的文章:http://jeffreysambells.com/2012/09/22/ios-safari-web-inspector

有無看看這個(我寫的bash腳本)https://gist.github.com/2241976。它將允許您打開iPad模擬器並運行Webkit的遠程檢查器,這看起來就像這樣。

iOS remote Inspector

+0

你應該[披露](http://meta.stackexchange.com/a/59302/130268)這是你的項目。 – 2012-03-29 20:34:58

+2

不是一個項目,簡單的bash腳本..但完成。 – 2012-04-05 14:14:29

+0

這似乎不適用於最新版本的Xcode。 – 2013-03-05 19:46:54

0

iWebInspector對於iPhone模擬器的Safari相當的強大工具。 它使用與Chrome相同的檢查器,它工作得很好(我自己使用它,發現它確實有幫助)。

從他們的網站

iWebInspector是一個免費的工具來調試,配置和檢查網絡上的iPhone模擬器(iPhone或iPad)上運行的應用程序 。您可以檢查 資源,查看和更改HTML CSS &上的JavaScript代碼 使用斷點,創建圖表和更公正的,如果你是在Safari上對 桌面,瀏覽器或Firebug的。

它適用於Safari中的任何網頁 - 網頁瀏覽器 - 無鉻 webapp(全屏)以及使用UIWebView的應用程序 - 包括 PhoneGap應用程序。

28

在XCode設備模擬器中運行safari時,桌面Safari(v6)Develop菜單顯示這些設備。從那裏,你可以啓動移動瀏覽器的開發工具(DOM瀏覽器等)。這幫助我在沒有硬件的情況下調試移動Safari css問題。

iPad Simulator menu option

+0

只需添加到@ t1m0答案,您可能需要打開發展菜單打開Safari瀏覽器 - >首選項 - >高級 - >,並選中「顯示菜單欄中的顯示菜單」。 – 2016-12-30 00:31:08

相關問題