不知道什么時(shí)候開始,國內(nèi)開發(fā)者都喜歡說H5疗认,說實(shí)話完残,HTML升級了不假,單另一個(gè)分之好想說H5就很洋氣真的就是有點(diǎn)驢唇不對馬嘴了横漏。
調(diào)試網(wǎng)頁谨设,H5,HTML缎浇,WebApp扎拣,H5App,管它叫什么呢素跺,在不同比例下不需要任何輔助工具二蓝,Mac Safari即可完成頁面調(diào)整,而且比例看得清指厌,媽媽再也不用擔(dān)心我的頁面適配不好了侣夷。
步驟:
1、Safari打開“開發(fā)”模式
2仑乌、打開響應(yīng)式設(shè)計(jì)模式
3、歡快的使用預(yù)置頁面比例琴锭,也可以上下左右拖拽到合適的尺寸
舉例說明:
1晰甚、打開開發(fā)模式,多數(shù)機(jī)器正常Safari開發(fā)模式是默認(rèn)關(guān)閉的决帖,一般我們調(diào)試網(wǎng)頁會用firebug厕九,或者chrome抓request或請求。所以第一步是打開開發(fā)者模式地回,在Safari里系統(tǒng)偏好設(shè)置-高級扁远,菜單欄顯示 開發(fā) blabla...勾起來俊鱼。
2、開發(fā)-進(jìn)入響應(yīng)式設(shè)計(jì)模式
3畅买、撒歡吧并闲,順便說一句,它還可以模擬1x谷羞,2x帝火,3x圖的顯示,iOS開發(fā)的老鐵們雙擊666湃缎,甚至可以選擇瀏覽器內(nèi)核犀填,做一些JS驗(yàn)證就比較方便了