當他們第一次與移動通信的時候,許多設計師開發人員認為頁面的更改必須上傳到服務器,然后才能在移動設備上看到。這使得對于極為排除故障排除:修正了移動的猜測,編碼,上傳,和移動瀏覽器刷新,機智這一過程,反復數十次,直到問題得到解決。
值得慶幸的是,有一個更好的和更精簡的方式,如果你有一個MAC和蘋果設備(iPhone,ipad,等)。
在你開始之前,確保你已經建立了web開發的桌面和移動版Safari,前面討論的。
啟動移動Safari瀏覽器在你的iOS裝置和導航到你希望測試的頁面,可以在一個地方(發展)服務器或網站。
啟動Safari瀏覽器在你的MAC和連接到您的您的iOS裝置使用標準的電纜。
在你的MAC,去菜單在Safari的開發。你應該看到你的設備的名稱;移動光標到該條目將顯示你的頁面,看你的iPhone,iPod和ipad的名字。
選擇頁面的名字將在你的MAC Safari網絡督察。雖然在這一點上你可以做很多事情,但你很可能要開始在元素模式下,點擊“適當的”按鈕,在頂部的網頁檢視窗口。
你會發現,移動光標在桌面Safari Web Inspector元素,將匹配的元素上的iOS設備,如視頻在文章的頂部。使用此,以及在右側的規則面板,您可以更改內容,更改元素的樣式,診斷顯示問題的原因,以及許多其他有用的任務,在您的移動設備上顯示的結果。
不幸的是,Safari還沒有提供選項來寫你的變化直接進入源代碼的瀏覽器,你要傳遞的任何變化來選擇您的編輯。然而,正如它的功能是非常有用的,可以讓你直接診斷問題,不需要猜測;相比之下,傳統的方法是在黑暗碼盲刺。