2014-03-12 分類: 網(wǎng)站建設(shè)
測試你的響應(yīng)式網(wǎng)頁設(shè)計(jì)品牌是至關(guān)重要的,在移動設(shè)備上的用戶體驗(yàn)是從臺式機(jī)完全不同。但實(shí)際測試市場上的大多數(shù)人都不是實(shí)際的移動設(shè)備。
這么一個簡單的響應(yīng)設(shè)計(jì)測試技術(shù)的一些人做的是調(diào)整我們的瀏覽器窗口大小匹配的智能手機(jī)和平板電腦的視窗大小類。這是基本的視覺檢測的快速和骯臟的把戲,它幫助我們發(fā)現(xiàn)的主要問題,但它是一個移動設(shè)備的經(jīng)驗(yàn)非常不準(zhǔn)確的寫照。
手機(jī)具有獨(dú)特的觸摸互動喜歡刷卡和捏放大,同樣有交互作用,像在桌面右鍵單擊。靈敏的設(shè)計(jì)必須考慮到這些差異。
本教程將討論一個有效的調(diào)試和測試您的響應(yīng)的設(shè)計(jì)方法和實(shí)踐。它涉及到一個工具,你可能已經(jīng)有了:谷歌瀏覽器。谷歌瀏覽器的devtools有一個功能叫做設(shè)備模式這是負(fù)載測試工具和調(diào)試響應(yīng)設(shè)計(jì)。
設(shè)備模式是前所未有的。大多數(shù)其他響應(yīng)設(shè)計(jì)測試工具簡單地調(diào)整你的視口,但設(shè)備模式實(shí)際上模擬移動設(shè)備的經(jīng)驗(yàn),特別是觸摸屏交互像攻絲和刷卡,就在你的網(wǎng)頁瀏覽器。
這是一個運(yùn)行模式下的設(shè)備的主要特點(diǎn):
移動設(shè)備模式已經(jīng)流行的智能手機(jī)和平板電腦的精確(如iPhone,星系,黑莓,Kindle,Nexus,),模擬你的響應(yīng)設(shè)計(jì)的外觀和功能上觸摸屏,你可以得到一個非常精確的工作設(shè)計(jì)預(yù)覽特定的設(shè)備。此功能允許您您的設(shè)計(jì)如果你與他們在您的智能手機(jī)或平板電腦的經(jīng)驗(yàn)。
移動互聯(lián)網(wǎng)的連接是不同的高速寬帶連接,同時,世界上的許多地方仍然沒有獲得更快的移動互聯(lián)網(wǎng)技術(shù),設(shè)備模式可以告訴你如何讓你的設(shè)計(jì)執(zhí)行的邊緣,3G,LTE和WiFi,DSL,以幫助您識別潛在的Web性能問題,開始使用設(shè)備的模式,打開你的網(wǎng)頁設(shè)計(jì)谷歌瀏覽器。
然后,打開開發(fā)者工具通過點(diǎn)擊瀏覽器的菜單,然后選擇更多工具>開發(fā)工具。打開開發(fā)者工具的鍵盤快捷方式按Ctrl + Shift + I(贏)或期權(quán)+命令+我(MAC)。在裝置模式點(diǎn)擊圖標(biāo)(這是一個超級小按鈕,看起來像一個智能手機(jī))切換裝置的模式和關(guān)閉。
在一個特定的移動設(shè)備的響應(yīng)式設(shè)計(jì)測試
使用設(shè)備面板來模擬特定移動設(shè)備的經(jīng)驗(yàn),響應(yīng)式網(wǎng)頁設(shè)計(jì)如何測試這將允許您直觀地測試你的設(shè)計(jì)所述移動裝置,以及測試摸樣的相互作用。
比方說,我們想看看我們的反應(yīng)的設(shè)計(jì)外觀和功能的iPhone 5。所有我們需要做的是選擇的設(shè)備<選擇模型>下拉列表:
移動互聯(lián)網(wǎng)測試
你可以測試你的反應(yīng)設(shè)計(jì)的感知性能的利用網(wǎng)絡(luò)設(shè)備模式的特征。單擊網(wǎng)絡(luò)下拉菜單,選擇您要測試的移動網(wǎng)絡(luò)技術(shù),如邊緣或3G。此功能將節(jié)流您的Internet連接來匹配你所選擇的網(wǎng)絡(luò)技術(shù)。
devtools是個強(qiáng)大的工具,網(wǎng)頁設(shè)計(jì)師的工具包,有一些更多的功能模式供你探索,如:
改變devicepixelratio在裝置面板上顯示的用戶體驗(yàn)測試視網(wǎng)膜
垂直/水平尺的頂部和左側(cè)的視圖來幫助你眼球的某些像素長度
手動的UA字符串(在網(wǎng)絡(luò)面板底部的文本字段)
當(dāng)前題目:響應(yīng)式網(wǎng)頁設(shè)計(jì)如何測試
分享地址:http://redsoil1982.com.cn/news/19758.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供企業(yè)網(wǎng)站制作、搜索引擎優(yōu)化、網(wǎng)站建設(shè)、App設(shè)計(jì)、自適應(yīng)網(wǎng)站、云服務(wù)器
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容