2011-06-17 66 views
3

所以我有這不是幾乎沒有完成(eklinik)網站,它在iPad(iOS版一般實際)破...之類的東西頁腳不留固定,還有額外填充到右側,一個div這應該是一個100%的寬度/高度不,等等等等...如何排查ipad上的網站?

現在,我不要求別人來收拾爛攤子我(儘管一個東西有多好,這將是),但我問我該如何開始在iPad上對網站進行故障排除...?對於桌面瀏覽器,我可以隨時調出開發者工具,看看什麼東西打破地方......

我沒有自己的Mac系統,我有一個iPad,但...在iPad的開發控制檯是唯一找JS錯誤(主要是),並沒有顯示任何東西......

任何建議,將有助於...謝謝...

PS。該網站只打算在最新的瀏覽器上運行:

  • 鉻12+
  • 火狐4+
  • 歌劇院 - 11+
  • IE 9+(勉強)
  • Safari 5以上

如果您確實感到慷慨,並希望指出可能出現的錯誤(可選)以及可能的解決方案(可選),然後隨意給我一條線 - abhishek @ live .com.my ... :-)

+0

嘗試在safari中進行調試 – Ibu 2011-06-17 06:14:36

+0

它在Safari中非常適用於桌面......一切都表現出來...因此iPad特定問題...... – Abhishek 2011-06-17 07:18:09

回答

3

問題的時候,但對於一個很好的解決方案上來:

Adobe Shadow

+1

這正是我所需要的。我可以在我的電腦上編輯頁面,並在iPad上獲得實時反饋。 – Christian 2012-08-04 00:39:34

+0

現在稱爲Adobe Edge Inspect。優秀的解決方謝謝! – puddinman13 2015-07-13 19:52:30

-2

如果您仔細測試您的PC與鉻和Safari瀏覽器,直到您得到一致的結果,我希望iPad或Android平板電腦呈現「幾乎」相同...

關於JavaScript錯誤當然,你應該避免和解決這些問題,你使用jQuery或其他任何有跨瀏覽器的JS框架?如果不是,你應該! :)

+0

瀏覽器中的開發工具沒有JS錯誤告訴我,一切都很好,很花哨......在桌面上......當我切換iPad時,有些事情會中斷......這就好像移動Safari中的useragent樣式與桌面上的不同版本... – Abhishek 2011-06-17 07:19:09

+0

這可能是,我一直在閱讀的東西告訴說,iPad瀏覽器就像IE6,根本不標準。我們將很快開始一個新的大型網站項目,並計劃從iPad和Android平板電腦開始測試所有內容。 – 2011-06-17 07:21:08

+0

請參閱我也一直在iPad上測試網站......但是當某些事情中斷時,沒有簡單的方法來確定它是什麼......沒有任何調試環境(我知道),它很容易告訴你,「哦,看起來...行312有一個錯誤」... – Abhishek 2011-06-19 09:36:51

2

我最近的是希望他們的網站是「移動設備兼容」和檢查代碼的最佳解決方案有不少客戶/ iPad上的CSS是Firebug的精簡版: http://getfirebug.com/firebuglite

我相信你可以上傳並在您的網站中包含javascript,然後使用html標籤中的簡單屬性自動打開它(有關詳細信息,請參閱他們的文檔)。

這裏也可以用這種方法安裝的書籤在你的iPad的書籤: http://osxdaily.com/2011/12/02/run-firebug-on-ipad-or-iphone/

我用用書籤方法和它的作品了。不幸的是,它有點難以導航,因爲它不能很好地處理觸摸控制(它無法區分「懸停」和「點擊」),但總比沒有好。

關於你的實際問題,這聽起來類似的問題,我最近對我的網站之一。你設置了你的視口標籤嗎?如果您的網站的寬度通常爲960像素,並且您有一個使用寬度爲100%的div,則它在iPad上看起來會出錯,因爲iPad上的窗口在技術上只有600像素寬。所以瀏覽器認爲寬度:100%是600px而不是960px或更大。如果您將視口設置爲960像素,那麼iPad Safari會說「哦,我的瀏覽器窗口應該是960像素(而不是600像素)」,並相應地調整大小。

希望有幫助!

+0

更新:對於mac愛好者,您可以使用Coda(蘋果機)和Diet Coda(iPad應用程序),它會給你一個實時預覽你的網站在iPad上工作在桌面/筆記本電腦上的Coda上。 – ryanhightower 2013-03-26 22:22:14

0

我用weinre測試在移動設備上,而不僅僅是iPad和它創造奇蹟。