2011-06-08 107 views
26

我有一個iPad,我想知道是否可以使用Webkit Inspector從桌面遠程調試它?據我瞭解,它需要你用命令行開關啓動瀏覽器。我認爲這不可能在iPad上做,但我可能是錯的。有沒有辦法在iPad中使用Webkit Inspector遠程調試?

iPad2呢?或Android平板電腦?

+3

截至iOS 6遠程調試可用:http://stackoverflow.com/a/12762449/72428 – Blaine

回答

18

weinre

下面是摘錄:

這對網頁調試器,類似Firebug(用於Firefox)和Web督察(基於WebKit的瀏覽器),但它的設計進行遠程工作,並尤其是允許您在移動設備(如電話)上調試網頁。

如果你不熟悉FireBug或Web Inspector,weinre對你來說不會有多大意義。 weinre重複使用WebKit上Web Inspector項目的用戶界面代碼,因此如果您使用過Safari的Web Inspector或Chrome的開發人員工具,weinre會非常熟悉。

+1

根據他們的文檔,weinre不能做javascript源代碼調試。 –

+0

weinre不做運行控制,但它確實做了檢查和操縱。 –

+1

如果您使用的是IOS 6,您可以通過Safari 6輕鬆進行設置。請按照以下教程進行操作:[Webkit Inspector Remote Debugging](http://moduscreate.com/enable-remote-web-inspector-in-ios -6 /) – Grgur

1

保羅是正確的,weinre是偉大的。此外,在http://css-tricks.com/14727-five-questions-with-paul-irish/保羅愛爾蘭暗示,這將是(是什麼?)可能與Chrome開發者工具/ Webkit的督察:

我對團隊的遠程調試完成,因爲這是工作非常興奮現在可用於所有移動WebKit端口,這意味着您可以在設備上進行配置文件,查看網絡細節以及在線編輯CSS。 但是,我還沒有看到關於如何使用iOS Safari執行此操作的示例。

5

對於iPad的模擬器(Xcode中4.2),可以使用iWebInspector舒適啓用遠程控制檯:

http://www.iwebinspector.com/

+1

迄今爲止我發現的iWebInspector存在一些限制。從我所知道的情況來看,iWebInspector只能在打開Web應用程序後才能開始調試,或者在標籤中打開Safari Web頁面後才能開始調試。這意味着您無法捕獲頁面加載期間發生的JavaScript錯誤。 –

+0

對我來說這非常有用!除了Josh提到的限制之外,它似乎與Chrome檢查員一樣工作。來自我的+1,令人驚歎的資源 – BBog

1

Safari允許你調試和檢查在手機瀏覽器中的元素。此外,諸如www.farjs.com或jsconsole.com等許多遠程控制檯也允許這樣做。

www.farjs.com與查爾斯這樣的調試代理一起使用,還允許您在本機應用程序中調試Web視圖。

1

如果您沒有綁定到基於Webkit的調試器並且還可以使用Firefox的Inspector進行調試,那麼使用Firefox Developer Edition可能是您的答案。 此版本的Firefox包括WebIDEValence,它們一起使得在iPad上調試Safari非常簡單。以下是要遵循的步驟:

  • 在iPad上的Safari中啓用「Web Inspector」:轉到設置> Safari>高級> Web Inspector並確保它已打開。
  • 打開要調試的頁面。
  • 使用USB電纜將iPad連接到設備。
  • 在您的機器上打開Firefox開發人員版。
  • 點擊WebIDE插件在Firefox(您可能需要尋找它的主菜單下)

    WebIDE icon

  • 選擇 'Safari瀏覽器在iOS' 爲運行時

    Safari on iOS

  • 點擊「打開應用程序」,你會看到你在Safari上打開的頁面。

your Safari tab

  • 選擇它。一個FF開發工具窗口將會出現。
  • 調試離開!
相關問題