如何測(cè)試響應(yīng)網(wǎng)頁設(shè)計(jì)和測(cè)試您的響應(yīng)網(wǎng)頁設(shè)計(jì)品牌是至關(guān)重要的。移動(dòng)設(shè)備上的用戶體驗(yàn)與臺(tái)式計(jì)算機(jī)上的用戶體驗(yàn)完全不同。但真正測(cè)試市場上的大多數(shù)人并不是真正的移動(dòng)設(shè)備。

　　這樣一個(gè)簡單的回答設(shè)計(jì)測(cè)試技術(shù)有些人做的是調(diào)整我們的瀏覽器窗口大小，以匹配智能手機(jī)和平板電腦的窗口大小類。這是基本的視覺檢查的快速和骯臟的把戲，它幫助我們找到主要的問題，但它是一個(gè)非常不準(zhǔn)確的描繪一個(gè)移動(dòng)設(shè)備的體驗(yàn)。

　　手機(jī)有獨(dú)特的觸摸交互，像刷卡和捏放大，也有交互，比如右擊桌面（靈敏和設(shè)計(jì)必須考慮到這些差異。

　　本教程將討論調(diào)試和測(cè)試響應(yīng)的有效設(shè)計(jì)方法和實(shí)踐。它涉及一個(gè)您可能已經(jīng)擁有的工具：谷歌瀏覽器（devtoolsof谷歌瀏覽器有一個(gè)名為設(shè)備模式的函數(shù)，即負(fù)載測(cè)試工具和調(diào)試響應(yīng)設(shè)計(jì)。

　　設(shè)備模式是前所未有的。大多數(shù)其他response設(shè)計(jì)測(cè)試工具只是簡單地調(diào)整您的視圖，但是設(shè)備模式實(shí)際上模擬了移動(dòng)設(shè)備的體驗(yàn)，特別是觸摸屏交互，比如輕敲和刷卡，就在您的網(wǎng)頁瀏覽器中。

　　這是運(yùn)行模式下設(shè)備的主要特征

　　移動(dòng)設(shè)備模式一直流行于智能手機(jī)和平板電腦上，通過精確（如iPhone、galaxy、黑莓、Kindle、Nexus模擬您的反應(yīng)設(shè)計(jì)在觸摸屏上的外觀和功能，您可以獲得非常精確的工作設(shè)計(jì)預(yù)覽特定設(shè)備。如果您有在智能手機(jī)或平板電腦上使用它們的經(jīng)驗(yàn)，則可以使用此功能設(shè)計(jì)。移動(dòng)互聯(lián)網(wǎng)連接不同于高速寬帶連接。與此同時(shí)，世界上許多地方仍然沒有更快的移動(dòng)互聯(lián)網(wǎng)技術(shù)。設(shè)備模式可以告訴您如何使您的設(shè)計(jì)執(zhí)行邊緣，3G，LTE和WiFi，DSL來幫助您確定潛在的網(wǎng)絡(luò)性能問題，開始使用設(shè)備模式和打開您的網(wǎng)頁設(shè)計(jì)谷歌瀏覽器。

　　然后，打開開發(fā)者工具，點(diǎn)擊瀏覽器菜單，選擇更多工具；開發(fā)工具。打開開發(fā)工具的快捷鍵，然后按Ctrl+Shift+I（win）或options+Command+me（MAC）。在設(shè)備模式下，單擊圖標(biāo)（這是一個(gè)看起來像智能手機(jī)的超小按鈕）以切換設(shè)備模式并關(guān)閉。

　　在特定移動(dòng)設(shè)備的響應(yīng)設(shè)計(jì)測(cè)試中，使用設(shè)備面板模擬特定移動(dòng)設(shè)備的體驗(yàn)，以及如何測(cè)試響應(yīng)網(wǎng)頁設(shè)計(jì)。這將允許您直觀地測(cè)試設(shè)計(jì)移動(dòng)設(shè)備，以及測(cè)試模式的交互。

　　例如，我們希望看到反應(yīng)的設(shè)計(jì)外觀和函數(shù)的iPhone5。我們所要做的就是選擇設(shè)備；選擇型號(hào)gt；下拉列表：

　　移動(dòng)互聯(lián)網(wǎng)測(cè)試您可以使用設(shè)備模式功能測(cè)試您對(duì)網(wǎng)絡(luò)感知性能的響應(yīng)設(shè)計(jì)。單擊網(wǎng)絡(luò)下拉菜單，然后選擇要測(cè)試的移動(dòng)網(wǎng)絡(luò)技術(shù)，如edge或3G。此功能將限制您的Internet連接以匹配您選擇的網(wǎng)絡(luò)技術(shù)。

　　深圳網(wǎng)設(shè)計(jì)

　　devtools是一個(gè)強(qiáng)大的工具。網(wǎng)頁設(shè)計(jì)是網(wǎng)站管理員的工具箱。還有一些功能模式供您探索，例如：

　　更改設(shè)備面板上顯示的設(shè)備像素比率的用戶體驗(yàn)測(cè)試視網(wǎng)膜垂直/水平條的上視圖和左視圖，以幫助您確定眼球的像素長度。手動(dòng)UA字符串（網(wǎng)絡(luò)面板底部的文本字段）

http://ywxrmy.cn/wangzhansheji/1254.html 如何測(cè)試響應(yīng)性網(wǎng)頁設(shè)計(jì)