溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

移動(dòng)前端——通過(guò)Chrome自帶的開發(fā)者工具Emulation模擬移動(dòng)設(shè)備訪問(wèn)網(wǎng)站

發(fā)布時(shí)間：2020-04-29 09:16:39 來(lái)源：網(wǎng)絡(luò) 閱讀：6744 作者：溢愛(ài)yun 欄目：開發(fā)技術(shù)

Emulation模擬器

一、使用方法

    

    通過(guò)快捷鍵F12或ctrl+shift+i打開開發(fā)者工具，點(diǎn)擊左上角類似手機(jī)的圖標(biāo)即可查看到Emulation所在的目錄；


二、關(guān)于Emulation

移動(dòng)前端——通過(guò)Chrome自帶的開發(fā)者工具Emulation模擬移動(dòng)設(shè)備訪問(wèn)網(wǎng)站

    Device（設(shè)備信息）——Model 用于選擇模擬的移動(dòng)設(shè)備

                      ——Resolution 分辨率設(shè)置

                      ——Divice pixel radio 像素比設(shè)置（物理像素與獨(dú)立像素的比值）

                      ——Emulate mobile 模擬移動(dòng)端的特性（該特性是由viewport進(jìn)行設(shè)置的，一般情況為勾選狀態(tài)）

                      ——Shrink to fit 縮放以適應(yīng)屏幕


    Media 媒體查詢


    Network （User Agent 瀏覽器信息）


    Sensors（傳感器）——Emulate touch screen 模擬移動(dòng)端觸摸事件（--touch-events）

                     ——Emulate geolocation coordinates 模擬地理信息

                     ——Accelerometer 模擬陀螺儀 


向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手