Muitas tecnologias são utilizadas na construção de sites. Sistemas de gerenciamento de conteúdo, frameworks, diferentes linguagens de script e programação, sistemas de pagamento … todo tipo de coisa!
Se você está curioso para saber como funciona o seu site favorito ou quer ver se um site está usando algo incompleto, este artigo mostrará várias maneiras de examinar os bastidores e ver como ele é construído.
Veja o código do site
Se você não é desenvolvedor, ou está apenas começando, está prestes a aprender o segredo para uma programação melhor. Observe o código de outras pessoas. Mostramos como usar as ferramentas do desenvolvedor do cromada para fazer exatamente isso.
O ChromeDevTools ajudará você a visualizar o código HTML, JavaScript e CSS de um site, descobrir quais fontes eles podem estar consumindo e também como verificar o desempenho de carregamento de um site no navegador. Todos os principais navegadores da web têm alguma versão das ferramentas do desenvolvedor disponíveis.
BuiltWith
BuiltWith.com é um recurso de nível profissional que vai aprofundar nos sites para ver todas as tecnologias que eles usam. Atualmente, eles cobrem mais de 673 milhões de sites e continua crescendo. A ideia principal por trás do site era ajudar a gerar leads para pessoas em vendas de software.
Os recursos avançados estão disponíveis apenas por meio de uma assinatura paga, mas qualquer pessoa pode ir para BuiltWith.com, digite um endereço do site, nome da tecnologia ou palavra-chave e obtenha um perfil de tecnologia detalhado. Inscreva-se para uma conta gratuita e você pode fazer cinco pesquisas detalhadas por dia.
In_content_1 all: [300x250] / dfp: [640x360]-> Relatório do site NetcraftO Netcraft tem sido um recurso para desenvolvedores da web desde 1995. Sua experiência de mais de 25 anos mostra a ferramenta gratuita de Relatório de sites da Netcraft. Ele combina um relatório de tecnologia com um relatório de histórico “quem é o dono do site ”, para que você tenha uma visão geral completa do site. Você saberá onde ele está hospedado e quem o possui, além de um pouco do histórico do domínio.
O relatório do site Netcraft parece permitir pesquisas ilimitadas. Mesmo assim, use-o apenas quando realmente precisar. É um recurso gratuito e a comunidade de desenvolvedores gostaria que continuasse assim.
Informações dos sites da W3TechsA ferramenta de informações de sites da W3Techs funciona de maneira um pouco diferente da outras. Eles mantêm um base de dados de informações, mas apenas em sites que já foram pesquisados por meio da ferramenta. Se você estiver verificando um site que não foi verificado antes, ele rastreará o site instantaneamente.
O relatório fornecido é menos detalhado do que outros serviços, mas ainda assim esclarecedor. Você saberá qual CMS, linguagens de programação, servidor da web e provedor de hospedagem um site usa. W3Techs também fornece extensões de navegador para Firefox e Chrome para que você possa verificar sites com apenas um clique ou um toque.
WappalyzerSe você preferir ter um plugin do navegador para verificar as tecnologias de um site, o Wappalyzer possui plug-ins para Raposa de fogo, cromada e Beira. Os plug-ins são gratuitos, fáceis de usar e apresentam um design fácil de ler. Clicar em qualquer tecnologia no relatório o levará a uma explicação sobre ela, o que é ótimo se encontrar algo que você nunca viu antes.
Wappalyzer oferece um recurso exclusivo com a capacidade de criar um alerta para um site. Eles verificam o site diariamente e enviam um e-mail se detectarem uma alteração. O alerta exigirá que você crie uma conta gratuita no Wappalyzer e custará 10 créditos por mês.
Mas você ganha 50 créditos grátis todo mês e um alerta custa apenas 10 créditos a cada 30 dias. Portanto, os alertas Wappalyzer são basicamente gratuitos se você estiver monitorando 5 ou menos sites.
WebspotterTodos os serviços do Webspotter, exceto um, são pagos, mas tudo bem. Seus Extensão Webspotter Chrome gratuitos compensam isso. A extensão do Webspotter é semelhante ao Wappalyzer, mas possui alguns recursos diferentes. Ao lado de cada tecnologia listada, há links para estatísticas sobre a tecnologia, uma lista de sites que usam essa tecnologia e o site oficial da tecnologia.
Um recurso ainda mais intrigante é a capacidade do Webspotter de extrair contatos de e-mail, links de mídia social Análise de SEO e outras informações da empresa de um site. Embora isso não diga a você como o site é feito, ele pode ser útil para fins de marketing online ou até mesmo para procurar emprego.
Detector de tema WordPressTalvez , você não está tão interessado em desenvolvimento web, mas está montando um site WordPress e gostaria de incluir recursos que viu em outro lugar. Baixe o plugin do navegador Chrome WordPress Theme Detector.
O Detector de temas do WordPress não apenas dirá o que Tema WordPress um site está usando, mas também o que Plugins WordPress está usando. Ele também mostra quem criou o tema ou plugin e fornece um link para onde você pode obtê-los. Isso facilita a incorporação de elementos em seu site WordPress que você admirou em outros sites.
Saiba como funcionam os sites
Sim, é muito fácil mergulhar em qualquer site no a Internet e veja do que ela é feita. Tente usar duas ou mais dessas ferramentas, pois algumas pegarão coisas que outras não. A maior parte do que você vê em um site é renderizada no seu computador. Isso é o que o torna fácil de olhar. É também a razão pela qual você precisa torne seu site o mais seguro possível. Aproveite seu mergulho profundo e diga-nos o que você encontrou ou construiu.