Close Menu
Código Simples .NETCódigo Simples .NET
    Facebook X (Twitter) Instagram
    Trending
    • Clean Code (2ª edição): o que mudou e o que continua valendo
    • Sunk Cost em Arquitetura de Software: como evitar que meses de investimento virem uma armadilha
    • Guia Profissional de Prompting – Domando um ChatGPT Preguiçoso: Como Obter Respostas Completas, Profundas e Confiáveis
    • A Anatomia de um Prompt: Como Falar com a IA Como um Profissional de Tecnologia
    • Conheça os tipos de registros DNS: o guia completo sobre A, AAAA, NS, CNAME, MX, PTR, SOA, TXT, SRV, SPF e muito mais
    • Cache além do básico: por que LRU e TTL precisam andar juntos
    • Quando usar arquitetura modular — e quando não usar
    • Mais de 200 livros de programação gratuitos em português
    Facebook X (Twitter) Instagram
    Código Simples .NETCódigo Simples .NET
    Código Simples .NETCódigo Simples .NET
    Home»Front-End»Top 3 Ferramentas de testes para responsive Web Design

    Top 3 Ferramentas de testes para responsive Web Design

    Jhonathan SoaresBy Jhonathan Soares26 de julho de 20162 Mins Read Front-End
    Share
    Facebook Twitter LinkedIn WhatsApp Copy Link

    Hoje, 3,17 bilhões de pessoas em todo o mundo acessam a Internet, de acordo com um relatório bem bacana que fala justamente sobre isto.

    Você consegue adivinhar quantas dessas pessoas acessam a Internet em seus smartphones?
    Mais de 60% de acesso da população vem de smartphones para navegar na Internet. É por isso que, como desenvolvedores de software e criadores do site,
    é muito importante desenvolver sites amigáveis, sites responsivos.

    Como um desenvolvedor web, como você sabe se um site é responsivo ou não?
    Felizmente, existem várias ferramentas gratuitas e pagas disponíveis para testar web design responsivo.

    Neste artigo, vou listar algumas dessas ferramentas que muitas vezes utilizei em projetos de desenvolvimento.

    TestMySite por thinkwithGoogle

    TestMySite é uma das ferramentas mais legais que a Google lançou recentemente. Ela permite testar o seu site para uso móvel,
    desempenho e velocidade, tanto no desktop quanto para dispositivos móveis.
    A ferramenta herda funcionalidades das já conhecidas ferramentasd Google’s Search Console’s e PageSpeed Insights.

    URL: https://testmysite.thinkwithgoogle.com/

    Acabei de verificar o blog codigosimples.net com a ferramenta e os resultados foram bacanas, veja:

    mobile-teste-codigosimples

    Tem outros parametros que ele retorna, como performance, velocidade etc.

     

    MobileTest.me

    O site mobiletest.me permite que você navegue uma URL em diferentes dispositivos de diferentes tamanhos.

    http://mobiletest.me/

    Selecione o dispositivo desejado, digite uma URL e sinta-se a vontade para testar.

    Uma vez que um site é carregado no emulador, você pode navegar no site e ver sua funcionalidade.

    mobile teste codigosimples

     

    Semalt.design

    Semalt.design é um site gratuito para navegar entre diferentes tipos de formatos de telas utilizando os dispositivos mais comuns.

    http://semalt.design

    Uma vez que um site é carregado, você verá diferentes tamanhos de dispositivos e como seu site se comporta para esses tamanhos.
    Os emuladores permitem também navegar pela funcionalidade do site.

    mobile teste codigosimples .net

     

    Ainda existem outros sites como o próprio PageSpeed e o Responsinator que são bastante legais também! 😀

    Um grande abraço!

    Share. Facebook Twitter LinkedIn Telegram WhatsApp Copy Link
    Jhonathan Soares
    • Website
    • Facebook
    • X (Twitter)
    • LinkedIn

    Criador do blog Código Simples e com mais 15 anos de experiência em TI, com títulos de MVP Microsoft na área de Visual Studio Development, Neo4j Top 50 Certificate, Scrum Master e MongoDB Evangelist.

    Posts Relacionados

    Happy Hour com Dados #17 – Azure vs AWS vs GCP

    Front-End 26 de maio de 20211 Min Read

    Blazor .NET – CRUD com MongoDB

    C# Front-End NoSql 2 de janeiro de 20195 Mins Read

    Introdução ao Blazor, o SPA da Microsoft

    C# Front-End 29 de dezembro de 20185 Mins Read
    Newsletter

    Digite seu endereço de e-mail para receber notificações de novas publicações por e-mail.

    Junte-se a 25mil outros assinantes
    Posts recentes
    • Clean Code (2ª edição): o que mudou e o que continua valendo
    • Sunk Cost em Arquitetura de Software: como evitar que meses de investimento virem uma armadilha
    • Guia Profissional de Prompting – Domando um ChatGPT Preguiçoso: Como Obter Respostas Completas, Profundas e Confiáveis
    • A Anatomia de um Prompt: Como Falar com a IA Como um Profissional de Tecnologia
    • Conheça os tipos de registros DNS: o guia completo sobre A, AAAA, NS, CNAME, MX, PTR, SOA, TXT, SRV, SPF e muito mais
    Categorias
    • Arquitetura (30)
      • Microsserviços (3)
      • Testes (2)
    • Asp.net (120)
      • C# (89)
      • Mvc (13)
    • Banco de dados (93)
      • NoSql (60)
      • Sql (38)
    • Boas práticas (34)
      • Gestão & Produtividade (4)
      • Metodologias Ágeis (6)
    • Cursos (53)
    • Dicas (108)
    • Front-End (92)
    • IA (6)
    • Linux (6)
    • NodeJS (4)
    • Post do Leitor (9)
    • Python (5)
    • Seo (12)
    • Tecnologia (30)
      • ITIL (1)
      • Padrões de Projeto (4)
    • Testes (2)

    VEJA TAMBÉM

    Cursos
    12 de fevereiro de 20166 Mins Read

    1000 livros gratuitos sobre programação!

    Olha que dica bacana! A pagina só com livros sobre programação é mantida no GitHub…

    30 APIs Gratuitas para desenvolvedores

    Código Simples no Facebook
    Código Simples no Facebook
    • Popular
    • Recente

    1000 livros gratuitos sobre programação!

    12 de fevereiro de 2016

    Google lança versão “invisível” do reCAPTCHA!

    10 de março de 2017

    Mini curso de HTML5 oferecido pela Microsoft

    30 de janeiro de 2014

    O que significa ( !important ) na declaração do CSS ?

    5 de fevereiro de 2014

    Programa para supercompactar arquivos. KGB Archiver.

    6 de fevereiro de 2014

    Clean Code (2ª edição): o que mudou e o que continua valendo

    12 de fevereiro de 2026

    Sunk Cost em Arquitetura de Software: como evitar que meses de investimento virem uma armadilha

    4 de fevereiro de 2026

    Guia Profissional de Prompting – Domando um ChatGPT Preguiçoso: Como Obter Respostas Completas, Profundas e Confiáveis

    30 de outubro de 2025

    A Anatomia de um Prompt: Como Falar com a IA Como um Profissional de Tecnologia

    30 de outubro de 2025

    Conheça os tipos de registros DNS: o guia completo sobre A, AAAA, NS, CNAME, MX, PTR, SOA, TXT, SRV, SPF e muito mais

    8 de outubro de 2025
    Nosso Feed
    • RSS - Posts
    Fique por dentro

    Digite seu endereço de email para assinar este blog e receber notificações de novas publicações por email.

    Facebook X (Twitter) Instagram LinkedIn

    Type above and press Enter to search. Press Esc to cancel.

    Vá para versão mobile