Käytä Laitteen Tila arvioitu, miten sivu näyttää ja suorittaa mobiililaitteella.
Laitteen Tila on nimi löysä kokoelma ominaisuuksia Chrome DevTools, auttaa sinua simuloida mobiililaitteisiin., Näitä ominaisuuksia ovat:
- Simuloidaan mobile viewport
- Kuristus verkkoon
- CPU Kuristus
- Simuloidaan geolocation
- Asetus suunta
Rajoitukset
Ajattele Laitteen Tilassa kuin ensimmäisen kertaluvun approksimaatio, miten yourpage näyttää ja tuntuu mobiililaitteella. Laitteen tilassa et oikeastaan suorita koodeonin mobiililaitteeseen. Simuloit mobiilikäyttökokemusta kannettavalta tietokoneelta tai työpöydältä.
mobiililaitteissa on joitakin piirteitä, joita DevTools ei koskaan pysty simuloimaan., Esimerkiksi mobiilin suorittimen arkkitehtuuri on hyvin erilainen kuin laptopor – Työpöytä suorittimien arkkitehtuuri. Kun epäilet, paras veto on todella ajaa sivu mobiililaitteella. Käytä Etävianetsintä tarkastella, muuttaa, debug, ja profile sivun koodi kannettavalta tai työpöydältä, kun se todella toimii mobiililaitteella.
Simuloida mobiili viewport
Napsauta Vaihda Laite Toolbar 
avaa UI thatenables voit simuloida mobiili viewport.
oletuksena Laite Toolbar avaa Reagoiva Viewport Tilaan.
Reagoiva Viewport-Tila
Vedä kahvat muuttaa viewport mitä mittoja tarvitset. Tai kirjoita erityiset arvoesineet leveys-ja korkeuslaatikoihin. Kuvassa 2, leveys on asetettu 628 ja korkeus on asetettu662.
Näytä median kyselyt
näytä median kyselyn raja-arvot edellä viewport, valitse lisäasetukset ja valitse sitten Näytä mediaqueries.
Napsauta breakpoint muuttaa viewport leveys niin, että breakpoint saa laukaisi.
Asettaa laitteen tyyppi
Käytä Laitteen Tyyppi-luettelosta simuloida mobiililaitteen tai työpöydän laite.
alla Oleva taulukko kuvaa eroja vaihtoehtoja. Rendering methodrefers onko Chrome tekee sivun mobiili tai työpöydän näkymä. Kursorikuvakkeeterät millaisen kursorin näet, kun viet sivun yli., Tapahtumia potkut perusteella, onko sivu tulipalot touch tai click tapahtumia, kun olet vuorovaikutuksessa sivun.,id=”b8e8c2fed7″>
Mobile Device Viewport Mode
To simulate the dimensions of a specific mobile device, select the device from the Device list.,
Rotate the viewport to landscape orientation
Click Rotate 
to rotate the viewport to landscape orientation.
Note that the Rotate button disappears if your Device Toolbar is narrow.
Katso myös Asettaa suunta.
Näytä laitteen runko
Kun simuloidaan mitat erityinen mobiili laite, kuten iPhone 6, avata Enemmän valinnat valitse sitten Näytä laitteen runko näyttää fyysisen laitteen runko noin viewport.
Lisää mukautetun mobile device
Voit lisätä mukautetun laite:
-
Valitse Laite luettelosta ja valitse sitten Muokkaa.
Kuva 11. Valitsemalla Muokkaa -
Napsauta Lisää oma laite.
-
Anna laitteelle nimi, leveys ja korkeus. Thedevice pikselisuhde, User agent merkkijono, ja laitetyypin kentät ovat valinnaisia. Laitetyypin kenttä on luettelo, joka on asetettu mobiililaitteelle oletusarvoisesti.,
Figure 12. Creating a custom device
Show rulers
Click More options and then select Show rulers to see rulers above and to the leftof your viewport. The sizing unit of the rulers is pixels.
Zoom viewport
Käytä Zoom-luettelosta zoomata sisään tai ulos.
Kaasuläpän verkon ja PROSESSORIN
kuristaa verkon ja PROSESSORIN, valitse Mid-tason mobiili-tai Low-end mobilefrom Kaasu-luettelosta.
Mid-tason mobiili simuloi nopea 3G ja kuristaa SUORITTIMEN niin, että se on 4 timesslower kuin normaalisti. Low-end mobile simuloi hidasta 3G: tä ja kuristaa suoritinta 6 kertaa normaalia hitaammin.Muista, että Kuristaminen on suhteessa kannettavan tietokoneen tai työpöydän normaaliin toimintakykyyn.
huomaa, että Kaasulista on piilossa, jos laitteen työkalupalkki on kapea.
Kaasuläpän CPU vain
kuristaa SUORITTIMEN ja verkon, mene Performance paneeli, clickCapture Asetukset 
, ja sitten select4x hidastuminen tai 6x hidastuminen CPU-luettelosta.
Kaasuläpän verkkoon vain
kuristaa verkkoon vain ja ei CPU, siirry Verkko-paneeli ja selectFast 3G tai Hidas 3G Kaasu-luettelosta.,
Tai paina Komento+Vaihto+P (Mac) tai Control+Vaihto+P (Windows, Linux, Chrome OS) openthe Command-Valikko, kirjoita 3G, ja valitse ota Käyttöön nopea 3G kuristus orEnable hidas 3G-kuristus.
Voit myös asettaa verkon kuristus Suorituskyky paneeli., ClickCapture Settings ja valitse Fast 3G tai Slow 3G Verkkolistalta.
Ohittaa geolocation
avaa geolocation ylivoimainen UI-valikosta Mukauta ja valvonta DevTools
ja sitten selectMore työkalut > Tunnistimet.
Valita yhden esiasetuksia Geolocation-luettelossa, tai valitse Custom locationto kirjoittaa oman koordinaatit, tai valitse Sijainti ei ole käytettävissä testata, miten yourpage käyttäytyy, kun geolocation on virhetilassa.
Set orientation
To open the orientation UI click Customize and control DevTools and then selectMore tools > Sensors.
Valitse yksi esiasetukset valitse Suunta-luettelosta tai valitse Custom orientationto asettaa oman alfa -, beta-ja gamma-arvot.
Palaute
Katso Liittyä DevTools yhteisön muita keinoja antaa palautetta.