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