Testaa verkkosivuston ulkonäkö mobiililaitteella Chrome-selaimen avulla

Tekijä Järjestelmänvalvoja

Kaikilla alustoilla toimivan verkkosivuston pitäminen on erittäin välttämätöntä nykypäivän aikakaudella. Verkkosivuston testaamiseen eri tarkkuuksilla on monia online-työkaluja. Mutta tiedätkö, ettet tarvitse mitään online- tai offline-työkalua ja voit testata verkkosivuston mobiiliversiota suoraan kromiselaimesi sisällä. Tässä on vaiheet tämän tekemiseen.

Vaihe 1 - Ensinnäkin avaa mikä tahansa verkkosivusto Chrome-selaimessa.

Vaihe 2 - Avaa nyt konsoli painamalla CTRL + Vaihto + I.

Voit myös avata kolmella pisteellä oikeassa yläkulmassa ja napsauttaa sitten Lisää työkaluja -> Kehittäjän työkalut.

Kehittäjäkonsoli Chrome

Vaihe 3 - Paina nyt CTRL + Vaihto + M. Voit myös napsauttaa vaihtokuvaketta kuvan osoittamalla tavalla.

Mobiiliresoluutio Chrome

Verkkosivustosi näytetään nyt mobiilitarkkuudella kromiselaimessa.

Tässä on mobiiliversio verkkosivustollani Merabheja.comMobiiliversiosivusto Chrome-kehittäjän työkalut

Vaihe 4 - Napsauta vain mobiilimallin nimeä vaihtaaksesi mobiilimallia eri resoluutioilla.

Vaihe 5 - Jos haluat nähdä verkkosivustosi mukautetulla tarkkuudella tai laitteilla, joita ei ole luettelossa, napsauta muokata.

Lisää mukautettu tarkkuus

Vaihe 6 - Valitse laitteesi pitkästä luettelosta eri matkapuhelimista. Tai jos haluat mukautetun tarkkuuden (Tai puhelintasi ei ole luettelossa), napsauta vain Lisää mukautettu laite.

Lisää mukautetun laitteen tarkkuus

Näin voit testata sivustojen mobiiliversiota kromilla ja ilman laajennuksia.

Filed Under: kromi

Tätä sivustoa ei voida saavuttaa "ERR_CONNECTION_REFUSED" -virheessä Google Chrome -korjauksessa

Tätä sivustoa ei voida saavuttaa "ERR_CONNECTION_REFUSED" -virheessä Google Chrome -korjauksessaKromi

Jotkut Windows 10 -käyttäjät valittavat ongelmasta, jota he kohtaavat yrittäessään päästä joillekin verkkosivustoille Google Chrome. Huolimatta hyvästä Internet-yhteydestä, nämä verkkosivustot eivä...

Lue lisää
Korjaus: NET:: ERR_CERT_INVALID-virhe Google Chromessa

Korjaus: NET:: ERR_CERT_INVALID-virhe Google ChromessaKromi

Jokaisella verkkosivustolla on jonkinlainen SSL (Secure Sockets Layer) -sertifikaatit, joilla varmistetaan, että käyttäjätiedot (kuten salasanat, käyttäjän luomat tiedot) joutuvat vääriin käsiin. J...

Lue lisää
Korjaus: Kaksois Chrome-kuvake tehtäväpalkissa Windows 10: ssä

Korjaus: Kaksois Chrome-kuvake tehtäväpalkissa Windows 10: ssäWindows 10Kromi

21. tammikuuta 2021 Tekijä Sambit KoleyOn Google Chrome useita kertoja päällä Tehtäväpalkki avaamisen jälkeen tietokoneellasi, vaikka olet kiinnittänyt sen Tehtäväpalkki? Jotkut Windows 10 -käyttäj...

Lue lisää