Como testar seu site em diferentes resoluções de tela

Você está aqui: Home » Blog » Como testar seu site em diferentes resoluções de tela

Hoje vou ensinar como testar seu site em diferentes resoluções de tela com a ajuda do navegador Google Chrome de forma simples.

1.Primeiramente abra o site que você quer testar com o Navegador Google Chrome.

2.Clique com o botão direito do mouse na tela e clique em Inspecionar elementos.

3.Clique no Ícone com formato de celular no topo da tela que ira abrir.

icone-mobile

4.Após ter clicado no Ícone com formato de celular ira abrir uma tela com formato diferente, então vamos entender essa tela.

teste-compatibilidade-de-resolucao-tela

5.Na parte “Device” selecione em qual dispositivo você quer testar seu site.

6.Na parte de “Network” selecione a internet que o dispositivo que você selecionou em “Device” usa.

Exemplo: Se for um celular selecionar a internet de banda: “Regular 3g 750kbps 100ms RTT”

7.Lembrando que para ficar testando e preciso ficar Recarregando a página ou apertando F5.

 

7 Comentários

  1. Royal disse:

    Wow, wonderful blog structure! How long have you ever
    been blogging for? you made blogging look easy. The full glance of your web
    site is wonderful, as neatly as the content material! You can see similar here najlepszy sklep

  2. Leta disse:

    This design is spectacular! You obviously know how to keep a reader entertained.
    Between your wit and your videos, I was almost moved to start my own blog (well, almost…HaHa!) Great job.
    I really enjoyed what you had to say, and more than that, how you presented it.
    Too cool! I saw similar here: Sklep internetowy

  3. Shella disse:

    What’s up, of course this paragraph is really nice and I have
    learned lot of things from it concerning blogging.
    thanks. I saw similar here: Ecommerce

  4. Kara disse:

    Good day! Do you know if they make any plugins to assist with SEO?

    I’m trying to get my blog to rank for some targeted keywords
    but I’m not seeing very good gains. If you know of any please share.
    Thank you! You can read similar art here: Sklep internetowy

  5. Randy disse:

    Hey! Do you know if they make any plugins to assist with Search Engine Optimization? I’m trying
    to get my website to rank for some targeted keywords but I’m
    not seeing very good success. If you know of any please share.
    Thanks! I saw similar blog here: Backlink Building

  6. Carolyn disse:

    Good day! Do you know if they make any plugins to assist with
    Search Engine Optimization? I’m trying to get my blog to rank for some targeted keywords but I’m not seeing very good results.
    If you know of any please share. Kudos! You can read similar article here: Backlink Building

  7. Marc disse:

    Hey! Do you know if they make any plugins to assist
    with Search Engine Optimization? I’m trying to get
    my blog to rank for some targeted keywords but I’m not seeing very good results.
    If you know of any please share. Thank you! I saw similar blog here:
    Auto Approve List

Deixe seu comentário

Anti-spam: 2 + 10 = 

Está precisando de nossos serviços? Solicite seu orçamento.