Reagoiva Suunnittelutila – Firefox Source Docs -Dokumentaatio

Reagoiva suunnittelutila – Firefox Source Docs -dokumentaatio

Ratings and Reviews of Online Casinos

 


1. Sol Casino

Sol casino keyword

Free Sign-Up Bonus: 80 Free Spins ( Free Sign-Up Bonus Link )

 

First Deposit Bonus: 100% up to €/$ 200 ( Registration Link )

 

SIGN-UP SOL CASINO

 


 

2. Fresh Casino

fresh casino

Free Sign-Up Bonus: 100 Free Spins ( Free Sign-Up Bonus Link )

 

First Deposit Bonus: 150% up to €/$ 500 ( Registration Link )

 

ENTER FRESH CASINO

 


 

 

3. Jet Casino

jet casino

Free Sign-Up Bonus: 150 Free Spins ( Free Sign-Up Bonus Link )

 

First Deposit Bonus: 100% up to €/$ 1000 ( Registration Link )

 

ENTER JET CASINO

 


 

 

 

Reagoiva suunnittelutila – Firefox Source Docs -dokumentaatio

Reagoiva suunnittelu on käytäntö verkkosivuston suunnittelussa, joten se näyttää ja toimii oikein monissa eri laitteissa – erityisesti matkapuhelimissa ja tablet -laitteissa sekä pöytätietokoneissa ja kannettavissa tietokoneissa.

Ilmeisin tekijä tässä on näytön koko, mutta on myös muita tekijöitä, mukaan lukien näytön pikselitiheys ja tukeeko se kosketusta. Reagoiva suunnittelutila antaa sinulle yksinkertaisen tavan simuloida näitä tekijöitä, testataksesi, kuinka verkkosivustosi näyttää ja käyttäytyy eri laitteilla.

Vaihda reagoiva suunnittelutila

Reagoivan suunnittelutilan vaihtamiseen on kolme tapaa:

  • Firefox -valikosta: Valitse Reagoiva suunnittelutila peräisin Selaintyökalut alivalikko Firefox -valikossa (tai Työkalut Valikko, jos näytät valikkopalkin tai olet macOS).

  • Kehittäjätyökaluista työkalupakki: paina Reagoiva suunnittelutila Painike Työkalulaatikon työkalurivi

  • Näppäimistöstä: Paina Ctrl + Shift + M (tai CMD + OPT + M MacOS: lla).

Reagoivan suunnittelutilan hallinta

Kun reagoiva suunnittelutila on käytössä, verkkosivujen sisältöalue on asetettu mobiililaitteen näytön kokoon. Alun perin se on asetettu 320 x 480 pikseliin.

Huomautus

Laite, jonka valitset reagoivassa suunnittelutilassa ja suunta (muotokuva tai maisema), tallennetaan istuntojen välillä.

../../_images/Responsive_ui.png

Valitun laitteen tiedot on keskitetty näytön päälle. Vasemmalta oikealle, näyttö sisältää:

  • Valitun laitteen nimi – avattava luettelo, joka sisältää kaikki valitsemasi laitteet laitteen asetusnäytöstä.

  • Näytön koko – Voit muokata leveys- ja korkeusarvoja muuttaaksesi laitteen kokoa muokkaamalla numeroa suoraan tai käyttämällä ylös- ja alas -näppäimiä arvon lisäämiseksi tai vähentämiseksi 1 pikselillä jokaisessa KeyPressissä tai pidättämällä ja siirrä arvon muuttamiseksi 10: llä.

    • Hiiren pyörä muuttaa koko -arvot 1 pikselillä kerrallaan

    • Voit myös muuttaa laitteen näytön kokoa tarttumalla Viewportin oikeaan alakulmaan ja vetämällä sen haluamaasi kokoon.

  • Suuntaus (muotokuva tai maisema) – Tämä ympäristö jatkuu istuntojen välillä

  • DPR (pikselisuhde) – Firefox 68: sta alkaen DPR ei ole enää muokattavissa; Luo mukautettu laite DPR: n muuttamiseksi

  • Kuristus – avattava luettelo, josta voit valita hakemuksen, esimerkiksi 2G, 3G tai LTE

  • Ota käyttöön/poista kosketussimulointi käytöstä – Vaihda onko reagoiva suunnittelutila simuloi kosketustapahtumia vai ei. Vaikka kosketustapahtuman simulointi on käytössä, hiiritapahtumat käännetään Kosketa tapahtumia; Tämä sisältää (alkaen Firefox 79: stä) hiiren drag-tapahtuman kääntäminen kosketus-. (Huomaa, että kun kosketussimulaatio on käytössä, tämä työkalurivikuvake on sininen; kun simulaatio on poistettu käytöstä, se on musta.

Näytön oikeassa päässä kolme painiketta antaa sinun:

  • Kamerapainike – Ota kuvakaappaus

    • Kuvakaappaukset tallennetaan Firefoxin oletusluetteloon.

    • Jos tarkistat ”kuvakaappauksen leikepöydälle” kehittäjätyökaluissa asetukset Sivu, sitten kuvakaappaus kopioidaan järjestelmän leikepöydälle.

  • Asetukset -painike – Avaa RDM -asetukset -valikko

  • Sulje -painike – sulkee RDM -tilan ja palaa tavalliseen selaamiseen

Asetukset -valikko sisältää seuraavat komennot:

../../_images/Responsive_Setting_menu.png

  • Vasemmanpuoleinen Viewport – Kun tarkistetaan, siirtää RDM Viewportin selaimen ikkunan vasemmalle puolelle

  • Näytä käyttäjäagentti – Kun tarkistetaan, näyttää käyttäjäagentin merkkijonon

  • Kaksi viimeistä vaihtoehtoa määrittelevät, kun sivu ladataan uudelleen:

    • Lataa uudelleen Kun kosketussimulaatio on kytketty: Kun tämä vaihtoehto on käytössä, sivu ladataan uudelleen aina, kun vaihdat kosketustukea.

    • Lataa uudelleen, kun käyttäjäagentti muuttuu: Kun tämä vaihtoehto on käytössä, sivu ladataan uudelleen aina, kun käyttäjäagentti on muutettu.

Näiden muutosten uudelleenlataaminen voi olla hyödyllistä, koska tiettyjä sivukäyttäytymisiä ei muuten sovelleta. Esimerkiksi monet sivut tarkistavat kosketustuki kuormitukseen ja lisää vain tapahtumien käsittelijöitä, jos sitä tuetaan, tai ota tietyt selaimille vain tietyt ominaisuudet käyttöön.

Jos et kuitenkaan ole kiinnostunut tutkimaan tällaisia ​​ominaisuuksia (ehkä tarkistat vain kokonaisjärjestelmän erikokoisina), nämä uudelleenlataukset voivat tuhlata aikaa ja mahdollisesti johtaa tuottavan työn menetykseen, joten on hyödyllistä pystyä hallitsemaan näitä ladata uudelleen.

Nyt kun muutat tällaisia ​​asetuksia ensimmäistä kertaa, sinulle annetaan varoitusviesti, joka kertoo, että nämä uudelleenlataukset eivät ole enää automaattisia ja tietoisia siitä. Esimerkiksi:

../../_images/page-reload-warning.png

Laitevalinta

Juuri Viewportin yläpuolella on etiketti ”laitetta ei valittu”; Napsauta tätä nähdäksesi luettelon laitteenimistä. Valitse laite ja reagoiva suunnittelutila asettaa seuraavat ominaisuudet vastaamaan valittua laitetta:

  • Näytön koko

  • Laitteen pikselisuhde (laitteen fysikaalisten pikselien suhde laitteesta riippumattomiin pikseliin)

  • Kosketa tapahtumasimulaatio

Lisäksi Firefox asettaa Käyttäjä agentti HTTP -pyynnön otsikko tunnistaa itsensä valitun laitteen oletusselain. Esimerkiksi, jos olet valinnut iPhonen, Firefox tunnistaa itsensä Safariksi. Se navigaattori.käyttäjä agentti Ominaisuus on asetettu samaan arvoon.

Avattavassa luetellut laitteet ovat vain valittujen laitteiden osajoukko. Avattavaan lopussa on merkitty esine Muokkausluettelo. Valitse tämä nähdäksesi paneelin, joka sisältää kaikki valinnat, joiden avulla voit tarkistaa avattavassa laitteet.

Mukautettujen laitteiden luominen

Voit luoda ja tallentaa mukautettuja laitteita reagoivassa suunnittelutilassa napsauttamalla Lisää mukautettu laite painike. Jokaisella laitteella voi olla oma:

  • Nimi

  • Koko

  • Devicepikselratio

  • Käyttäjäagentin merkkijono

  • Kosketusnäyttö

Voit myös esikatsella olemassa olevien laitteiden ominaisuuksia leijumalla nimen päällä laitteen modaalissa, missä ne näkyvät työkaluvihjeessä.

Verkon kuristus

Jos teet kaiken kehityksen ja testauksen erittäin nopealla verkkoyhteydellä, käyttäjillä voi olla ongelmia sivustosi kanssa, jos he käyttävät hitaampaa yhteyttä. Reagoivassa suunnittelutilassa voit kehottaa selainta jäljittelemään hyvin suunnilleen erityyppisten verkkojen ominaisuuksia.

Emuloituvat ominaisuudet ovat:

  • Latausnopeus

  • Latausnopeus

  • Vähimmäisviive

Alla olevassa taulukossa luetellaan kullekin verkkotyyppiin liittyvät numerot, mutta älä luota tähän ominaisuuteen tarkkojen suorituskyvyn mittausten varalta; Sen tarkoituksena on antaa likimääräinen käsitys käyttökokemuksesta eri olosuhteissa.

Valinta

Latausnopeus

Latausnopeus

Vähimmäisviive (MS)

GPRS

50 kb/s

20 kb/s

500

Säännöllinen 2G

250 kb/s

50 kb/s

300

Hyvä 2g

450 kb/s

150 kb/s

150

Säännöllinen 3G

750 kb/s

250 kb/s

100

Hyvä 3G

1.5 Mb/s

750 kb/s

40

Säännöllinen 4G/LTE

4 Mb/s

3 Mb/s

20

DSL

2 Mb/s

1 Mb/s

5

Wi-Fi

30 Mb/s

15 Mb/s

2

Voit valita verkon napsauttamalla luettelo -ruutua, joka on alun perin merkitty ”ei kurista”:

../../_images/rdm_throthling.png