| 10.07.2015

Ao trabalhar no código, é muito fácil ignorar e perder uma vírgula ou parêntese. E reler um código longo e inoperante em busca de tal erro geralmente é uma tarefa ingrata. Nesse caso, verificar o código com ferramentas de software especiais pode ajudar. Nossa seleção é dedicada a vários validadores particularmente populares para a linguagem JavaScript.

« JSLint vai ferir seus sentimentos" - este aviso pode ser visto no site do validador JSLint, criado em 2002 por Douglas Crockford. E isso é verdade, porque muitas vezes o JSLint encontra muitos erros em códigos que funcionam perfeitamente. Se você se esforça para melhorar seu código e trazê-lo a um estado ideal, use este serviço.

JSHint é uma versão mais conveniente e personalizável e também mais popular do validador JSLint. JSHint é preferido pelos programadores por sua capacidade de escolher configurações e regras para revisão de código e vem com boa documentação. Facilmente integrado aos editores.

Esta ferramenta também possui um número suficiente de regras customizadas, que também podem ter parâmetros customizáveis ​​adicionais. Vários plug-ins estão disponíveis. ESLint é fácil de entender e possui muitos recursos não encontrados em outros serviços.

JSCS

A ferramenta JavaScript Code Style difere das anteriores porque não verifica o código em busca de possíveis bugs e erros. O objetivo do JSCS é verificar e detectar violações de estilo de código. Existem muitas predefinições e configurações prontas disponíveis para os usuários, que você pode começar a usar imediatamente se aderir ao mesmo estilo de código.

3,6 de 5

Olá a todos!

Hoje veremos como você pode testar o desempenho do seu código JS e, consequentemente, otimizá-lo.

Há alguns meses, escrevi um artigo sobre, no qual analisamos como usar esse mesmo console. Hoje usaremos o método console.profile() e veremos como ele pode ser usado para testar e melhorar scripts.

Caixa de areia

Primeiramente, vamos criar um pequeno documento HTML que conterá diversos elementos e o código que iremos testar.

Testando o desempenho de scripts JS

Algum texto

• Algum elemento com texto

console.perfil() ;
// Colocaremos nosso código aqui
console.profileEnd();

O código em si será colocado entre console.profile() e console.profileEnd() .

Verificando a existência do elemento

Muitas vezes acontece que os mesmos scripts são carregados para todas as páginas de um site, então às vezes os elementos necessários podem não estar presentes. Mesmo que o jQuery não execute código para elementos inexistentes, ainda é melhor verificar a existência de elementos. Vejamos duas opções de código e prestemos atenção ao seu tempo de execução. O primeiro código não faz a verificação:

Console.perfil();


$("#mainItem");
console.profileEnd();

Como resultado da execução deste código, obtemos esta imagem no console do Firebug:

O segundo código verifica se existem os elementos nos quais a ação precisa ser executada:

Console.perfil() ;
var ele = $("#somethingThatisNotHere");
se (ele) (
ele.text("Algum texto").slideUp(300).addClass("edição");
}
$("#mainItem");
console.profileEnd();

E isso gera isso no console:

Como resultado, concluímos que é melhor verificar a existência de um elemento - a velocidade de execução será maior. Mas isso não significa que você precise verificar tudo: normalmente existe um elemento principal do grupo, sem o qual todos os outros não podem existir de qualquer maneira. Isto é o que precisa ser verificado.

Usando seletores de maneira eficaz

Muito provavelmente você leu o meu. Se não, então leia. Lá falei sobre como os navegadores analisam os seletores e quais seletores funcionam em que velocidade. Resumindo, o seletor de id funciona mais rápido e os universais funcionam mais devagar.

Então vamos fazer uma experiência. Observe que as velocidades de execução do script podem variar em diferentes computadores e navegadores.

Primeiro, vamos tentar selecionar os elementos por classe:

Console.perfil() ;
$(".selecionado");
console.profileEnd();

Console.perfil() ;
$("li.selected");
console.profileEnd();

Resultado 0,291ms - diminuiu 0,027ms. Agora vamos esclarecer um pouco mais o seletor: os elementos que precisamos devem estar dentro do container com id="someList" :

Console.perfil() ;
$("#someList.selected");
console.profileEnd();

0,283 ms é uma ligeira melhoria. Vamos esclarecer o seletor com o nome da tag:

Console.perfil() ;
$("#someList li.selected");
console.profileEnd();

Temos 0,275ms. Agora vamos selecionar o elemento diretamente pelo id apenas por diversão:

Console.perfil() ;
$("#mainItem");
console.profileEnd();

0,165ms é nosso novo recorde. Agora acho que está claro a melhor forma de escrever seletores.

Evitando operações desnecessárias

Às vezes, o código pode conter construções como:

//Algum código
$(element).doSomething();

//Então mais código
$(elemento).doSomethingElse();

// E mais código
$(element).doMoreofSomethingElse();

Nunca faça isso. Um item é solicitado repetidamente. Isso é muito caro em termos de desempenho.

Vamos pegar nossa sandbox e realizar algum processo semelhante nela:

Console.perfil() ;
$("#mainItem").hide();
$("#mainItem").val("Olá");
$("#mainItem").html("Olá!");
$("#mainItem").show();
console.profileEnd();

O código acima também pode ser feito como uma cadeia:

Console.perfil();
$("#mainItem").hide().val("Olá").html("Olá!").show();
console.profileEnd();

Ao usar uma cadeia, o elemento é solicitado uma vez e então uma referência a ele é passada aos métodos. Isso reduz o tempo de execução.

Você também pode armazenar em cache um elemento e executar ações naquele já armazenado em cache:

Console.perfil() ;
var elemento = $("#mainItem");
elem.hide();
elem.val("Olá");
elem.html("Ah, olá!");
elem.show();
console.profileEnd();

Como você pode ver nos exemplos, o armazenamento em cache e o uso de cadeias de ação reduzem o tempo de execução do script.

Manipulação inteligente de DOM

As operações DOM (Document Object Model), como obter ou inserir elementos, são conhecidas por consumirem muitos recursos. Vamos ver como podemos acelerar essas operações.

As tendências modernas e os aplicativos da web mudaram radicalmente as capacidades dos desenvolvedores. Não há dúvida de que eles precisam de algum tipo de IDE para codificar novos arquivos e salvá-los para posicionamento posterior. E se você apenas testar trechos de código? Felizmente, hoje em dia existe uma grande variedade de ferramentas diferentes para isso!

Neste artigo falaremos sobre 15 aplicativos web para teste de código online. Todos eles funcionam desde que você esteja conectado à Internet; Alguns deles oferecem planos profissionais para um pacote adicional de propriedades. A maioria deles será útil ao tentar encontrar e depurar partes de javascript ou PHP.

1. Teclado de código

Criado por Steven Hazel, é um aplicativo da web exclusivo que permite codificar sintaxe na web. Além da depuração, o Codepad permite que seus usuários copiem/colem partes importantes dos códigos e os compartilhem online.

A tela de saída exibe mensagens sobre quaisquer erros associados ao seu código. Usando os botões do menu esquerdo, você pode alterar o idioma (C/C++, Perl, PHP, Python, Ruby, etc.). O Codepad é voltado mais para desenvolvedores de software que precisam colaborar e depurar seus programas mais problemáticos.

2. Escreva o código on-line

O site principal irá redirecioná-lo para o editor Java Script. Você pode escolher entre JS, PHP e codificação de URL básica. O aplicativo não é apenas seguro e confiável, mas também bastante fácil de usar.

Curiosamente, você verá os resultados do seu trabalho logo abaixo do campo de texto. Portanto, se você clicar em “executar código”, o resultado será exibido na tela. A depuração de scripts PHP grandes pode ser mais difícil porque requer a inclusão de outros arquivos.

No entanto, o aplicativo fornecerá assistência indispensável para testar a força de uma nova ideia.

3.Tinkerbin

Posso facilmente chamá-lo de meu recurso online favorito para edição de códigos. Ele suporta HTML5/CSS3/JS e exibe o resultado diretamente na tela. O aplicativo ainda está em desenvolvimento alfa, mas a maioria das ferramentas funciona muito bem e encontra erros nos programas rapidamente.

O mecanismo de renderização suporta linguagens como Coffeescript e Sass dentro de CSS. Eles possuem um sistema de gerenciamento avançado e suporte para muitas das marcas de web design que você prefere usar para trabalhos futuros.

Não se pode ignorar o fato de que existem teclas de atalho para as opções mais populares. Mas essa funcionalidade não é encontrada em todos os aplicativos da web, sem falar nos editores de código integrados ao navegador. Quando você insere novas tags, o IDE preenche automaticamente as novas linhas. Tinkerbin é uma ferramenta front-end que definitivamente deveria estar em suas ferramentas de desenvolvimento web.

4. Caixa JS

Para iniciantes, trabalhar com a interface pode causar algumas dificuldades. Para evitar isso, eles podem usar . JS Bin oferece um grande número de bibliotecas para você escolher - jQuery, JQuery UI, jQM Prototype, MooTools, etc.

Se você codificar vários elementos, os projetos serão salvos automaticamente. Além disso, você tem a oportunidade de baixar o resultado final do seu trabalho ou salvar a fonte online. Este sistema é mais adequado para exportar e salvar seu código do que um modelo normal.

5.JsFiddle

Qualquer pessoa que já visitou o Stack Overflow deve conhecer o . Sua interface difere do JSBin por ter mais opções oferecidas.

Também oferece suporte a bibliotecas como Prototype e jQuery. Além disso, você pode incluir fontes externas adicionais aos arquivos JS/CSS em qualquer documento que estiver testando. Por incrível que pareça, o app ainda suporta XHP Ajax, onde você pode passar informações do servidor para a janela do navegador do cliente e vice-versa.

6.CSSDesk

Estamos passando dos scripts para a linguagem de estilo e . Tudo parece praticamente igual às ferramentas anteriores: o texto fonte está à esquerda, a página final está à direita. Este aplicativo da web é ótimo para criar modelos de páginas da web e testar propriedades CSS3.

7.Jsdo.It

Alguns aplicativos estão em japonês, o que me faz pensar que foram criados em algum lugar da Ásia. O que mais gosto na interface deles é a capacidade de fazer upload de arquivos recém-criados e armazená-los em um projeto. Você pode armazenar facilmente layouts inteiros de páginas da web online e acessá-los e editá-los em qualquer computador.

8. Playground de código do Google

Fiquei surpreso com quantos desenvolvedores não sabem da existência do . Você obtém acesso total à API deles e pode depurar todo o seu código na mesma janela.

O que quero dizer com API é que você pode extrair dados dos maiores produtos do Google: postagens do Blogger, pontos de referência do Google Maps e até vídeos direto do YouTube. Ao clicar em várias opções, os dados da janela de visualização também são atualizados.

Eu sugeriria manter esta ferramenta apenas como um recurso, pois ela não será adequada para tudo o que você escreve. No entanto, o Google é uma grande empresa com muitas APIs de dados de código-fonte. Se você precisar de material do YouTube ou da pesquisa do Google, esta ferramenta certamente será útil.

9.IDEOne

– outra ferramenta para programação “profunda” e desenvolvimento de software. Seu editor online suporta o destaque de elementos sintáticos para uma série de linguagens importantes, incluindo Objective-C, Java, C#, VB.NET, SQL e muitas outras. etc.

10. Teclado Viper7

Esta aplicação web, também conhecida como , está localizada no site, de onde redireciona para o mesmo editor online. Suas ferramentas são configuradas para depurar a variável de saída do PHP, que dependendo da sua escolha pode variar entre PHP5 e PHP4.

Ao criar uma conta, o Codepad pode ser usado como um sistema de armazenamento pessoal. Aqui, como em outros editores online, você pode nomear cada projeto PHP e armazená-lo online gratuitamente. Este editor de código é diferente porque os usuários não precisam instalar nenhum software em seus computadores. À medida que cada script é interpretado, o editor oferecerá meta detalhes adicionais, como chamada do navegador ou cabeçalhos de resposta.

11.JSLint

Em si é um pouco estranho, enquanto o editor de código funciona de acordo com um esquema totalmente padrão.

As opções oferecidas podem confundi-lo se você nunca encontrou esses tipos de modelos antes. Se você tiver um determinado conjunto de habilidades, poderá trabalhar com código aberto. No entanto, muitos códigos-fonte nem sequer suportam realce de sintaxe, o que é uma omissão gritante dada a ampla gama de opções. Eu recomendaria experimentá-lo se você tiver algum tempo livre, mas não há garantia de que ela se tornará sua ferramenta de depuração de javascript favorita.

12. Violino SQL

Um pouco antes, vimos um aplicativo da web chamado jsFiddle. Agora é hora de falar sobre , que funciona na mesma linha, exceto pela sintaxe do banco de dados SQL. Consegui encontrar uma alternativa decente para testar o código do banco de dados.

Todas as informações de saída do seu código SQL aparecerão em uma tabela abaixo dos editores. Você pode escrever um novo código para aplicar os dados à direita e gerar o diagrama à esquerda. Este esquema de banco de dados é um código SQL que você pode salvar para exportar seu banco de dados atual e reinstalar tudo no novo servidor.

Se você não está familiarizado com bancos de dados ou com a linguagem SQL, é improvável que este aplicativo seja útil para você. Mas para desenvolvedores interessados ​​em aprender sobre SQL, esta ferramenta é perfeita!

13.IDE Cloud9

Na minha opinião, é o melhor editor de fontes disponível na Internet. Este não é apenas um editor, mas todo um sistema de ferramentas e recursos; em seus servidores você pode armazenar todos os seus repositórios de código-fonte.

A inscrição é gratuita para todos os projetos comunitários. Se você precisar de espaço pessoal antes do desenvolvimento, custará US$ 15 por mês ou US$ 180 por ano. Você pode compartilhar repositórios de códigos privados com quem quiser. Esta opção permite que os desenvolvedores colaborem em diferentes projetos.

Cada novo projeto é armazenado em uma subpasta onde os arquivos físicos reais podem ser criados. HTMl, CSS, JS, PHP e tudo que você precisa para codificação estarão em sua conta. Com o tempo, você poderá enviar esses arquivos como um projeto completo ou baixá-los para o seu computador.

O leque de possibilidades que Cloud9 oferece é muito amplo. Eu recomendo dar uma olhada por 10 a 15 minutos em uma conta gratuita e você imediatamente se apaixonará pela forma como a IU funciona. A empresa continua a crescer, por isso espero adicionar novas opções úteis nos próximos anos.

14.CodeRun

– editor online para qualquer aplicativo web dinâmico. O editor de texto é muito semelhante ao Microsoft Visual Studio; você pode até codificar em C# para ASP.NET. Suas bibliotecas incluem recursos de terceiros, como Facebook Connect e Silverlight.

Além de aplicativos web baseados em Microsoft, você pode codificar diretamente em javascript ou PHP. A forma como o CodeRun funciona não é muito diferente do Visual Studio: crie um novo projeto de site e trabalhe em arquivos individuais. Na parte inferior da tela estão as ferramentas de depuração e os resultados da janela do console.

Indispensável se você tiver experiência com Visual Studio. A interface é quase a mesma e você pode até baixar/carregar arquivos do projeto para o seu computador. Esta é outra ferramenta que desenvolvedores web experientes podem observar.

15.Compilador

O modelo é muito semelhante ao modelo de aplicativo do Windows. Você pode trabalhar com documentos abertos e editar arquivos em qualquer lugar. Porém, antes de começar a criar novos projetos, você terá que se registrar.

Como o layout da página se assemelha a um aplicativo de desktop normal, é bastante fácil de trabalhar, mesmo para iniciantes. As ferramentas suportam técnicas de programação como C++, C# e Visual Basic. No geral, o Compilr deve ser um aplicativo alternativo para testar e depurar código-fonte.

Finalmente

O número de computadores conectados entre si está crescendo, facilitando o trabalho conjunto dos desenvolvedores no navegador. Novas tecnologias estão surgindo através de aplicações locais, e quem sabe até onde isso irá chegar.

Espero que esta coleção de ferramentas de teste de código neste artigo tenha feito você pensar sobre o espaço de desenvolvimento moderno. Hoje em dia não custa nada conectar um projeto web HTML/CSS em questão de minutos e obter um pequeno vídeo de demonstração. Observe que essas ferramentas têm como objetivo apenas auxiliá-lo no processo de criação do produto final.

Verifica o código HTML, especificado por meio de um link para uma página ou simplesmente na forma de um arquivo carregado ou texto copiado. Fornece uma lista de comentários com recomendações para corrigi-los.
http://validator.w3.org/

Validação CSS (validador CSS)

Verifica os estilos do documento ou uma folha de estilo localizada em um arquivo separado.
http://jigsaw.w3.org/css-validator/

Verificando feeds RSS e Atom

Verifica se os feeds RSS e Atom estão funcionando corretamente.
http://validator.w3.org/feed/

Verifique a ortografia em uma página da web

Destaca erros na página URL fornecida.
http://webmaster.yandex.ru/spellcheck.xml

Mostra erros no texto copiado na janela de verificação.
http://api.yandex.ru/speller/

Verificando a estrutura da página da web

Mostra a estrutura de uma página web. Relevante para verificação de documentos HTML5. O alfabeto cirílico não é exibido corretamente (:.
http://gsnedders.html5.org/outliner/

Verificando a exclusividade do conteúdo

A versão gratuita mostra até 10 páginas na Internet com correspondências parciais de texto com a sua página.
http://www.copyscape.com

Verifica a exclusividade do texto inserido no formulário. Na versão gratuita, você pode esperar pelos resultados.
http://www.miratools.ru/Promo.aspx

Verifica a exclusividade do texto inserido e do texto no URL fornecido, mostra o nível de exclusividade como uma porcentagem. Possui seu próprio algoritmo de verificação.
http://content-watch.ru

Programas de desktop para verificar a exclusividade do conteúdo das trocas de direitos autorais. Funcionam por muito tempo, mas com alta qualidade. O Etxt possui versões para três sistemas operacionais: Mac, Linux e Windows.
http://advego.ru/plagiatus/
http://www.etxt.ru/antiplagiat/

Mostra sites com conteúdo semelhante e estrutura interna semelhante.
http://similarsites.com

Verificando o cms do site

Verifica sinais dos cms mais famosos.
http://2ip.ru/cms/

Verificando a usabilidade do site para diferentes grupos de usuários Verificando a acessibilidade em dispositivos móveis

Avalia a capacidade de visualizar a página em dispositivos móveis e exibe uma lista de comentários e erros.
http://validator.w3.org/mobile/

Verificando a usabilidade do site para telefones Google.
https://www.google.com/webmasters/tools/mobile-friendly/

Mostra a velocidade de carregamento do site em dispositivos móveis.
https://testmysite.withgoogle.com/intl/ru-ru

O site é um emulador para sair de um celular. Mostra o site através dos olhos da modelo selecionada.
http://www.mobilephoneemulator.com/

Verificando a acessibilidade para pessoas com deficiência

Serviço de verificação de página para deficientes visuais. Disponível online e como plugin para Firefox.
http://wave.webaim.org/

Visualizando o conteúdo do site através dos olhos de um robô de pesquisa

Mostra o texto do site próximo ao que o indexador de pesquisa vê.
http://www.seo-browser.com/

Distribuição de navegador de texto Lynx para sistemas win32. Antes de usar, você precisa editar o lynx.bat, indicando nele o caminho para o diretório com o lynx.
http://www.fdisk.com/doslynx/lynxport.htm

Remove todas as marcações e mostra o texto da página, meta tags e tags de título, número de links externos e internos. Mostra uma prévia da página no Google.
http://www.browseo.net

Verificando a estrutura de links do site Verificando links quebrados

Mostra uma lista de links de saída para um URL e verifica sua capacidade de resposta. Pode verificar recursivamente, ou seja, passar de um documento para outro de forma independente.
http://validator.w3.org/checklink

Ferramenta freeware para verificar links quebrados. Para funcionar você precisa instalá-lo em seu computador. Verifica recursivamente o site, faz relatórios e pode ser útil para criar um mapa do site.
http://home.snafu.de/tilman/xenulink.html

Verificando links e títulos de páginas

Verifica até 500 páginas do site na versão gratuita. Verifica o número de links externos e internos. Exibe informações sobre páginas digitalizadas: aninhamento, códigos de resposta, títulos, meta informações e cabeçalhos.
http://www.screamingfrog.co.uk/seo-spider/

Verificando a estrutura de links e o peso das páginas internas

O programa verifica o site, constrói uma matriz de links internos, adiciona links externos (de entrada) de determinadas URLs e, com base nesses dados, calcula os pesos internos das páginas do site. O programa pode ser usado para encontrar links externos (de saída) para uma lista de URLs de páginas de sites.

Verificação de códigos de resposta do servidor, visibilidade do site por robôs de busca, características técnicas do site Verificação de cabeçalhos HTTP e resposta do servidor, visibilidade da página para robôs

Verifica os códigos de resposta do servidor, prevê a velocidade de carregamento da página dependendo do volume em bytes de seus dados, mostra o conteúdo da tag head html, links internos e externos da página e o conteúdo da página através dos olhos de um robô de busca.
http://urivalet.com/

Verifica os códigos de resposta do servidor. Permite verificar redirecionamentos (códigos de resposta 301, 302), cabeçalho Last-Modified, etc.
http://www.rexswain.com/httpview.html

Mostra o volume e o conteúdo dos dados transferidos quando a página é carregada.
http://www.websiteoptimization.com/services/analyze/

Verifica redirecionamentos, uso do atributo canônico, meta tags e alguns aspectos de segurança do site. Fornece recomendações para melhorar o carregamento da página.
http://www.seositecheckup.com

Verificando informações de domínio e endereço IP

Serviço WHOIS do centro de registro de domínio RU center. Fornece informações sobre endereços IP e domínios em todo o mundo. Às vezes congela.
https://www.nic.ru/whois/?wi=1

Serviço Whois da RosNIIROS (RIPN). Fornece informações para domínios na zona RU e endereços IP do banco de dados RIPE (Europa).
http://www.ripn.net:8080/nic/whois/

Determina onde o domínio está hospedado e também mostra o endereço IP do site.
http://www.whoishostingthis.com

Verificando se o endereço IP está incluído na lista negra para envio de e-mails.
http://whatismyipaddress.com/blacklist-check
http://ru.smart-ip.net/spam-check/

Verificando registros MX de um domínio. Verificando o servidor SMTP para um domínio. Verificando IP em listas de discussão.
https://mxtoolbox.com/

Pesquise o banco de dados de marcas registradas nos EUA.
http://tmsearch.uspto.gov/

Verificando arquivos robots.txt

Verifica a disponibilidade das páginas do site para indexação pelo robô Yandex.
http://webmaster.yandex.ru/robots.xml

Verifica a exatidão do arquivo robots.txt.
https://www.websiteplanet.com/webtools/robots-txt

Inspeção de site

Monitoramento da disponibilidade do site. Permite conectar um site gratuitamente com opções mínimas de verificação.
http://www.siteuptime.com

Verificando a velocidade de carregamento do site. Envia um relatório por e-mail. Possui serviços pagos de monitoramento da disponibilidade do site.
http://webo.in

Verificando a velocidade de carregamento das páginas do site.
http://www.iwebtool.com/speed_test

Verificação da indexação e exibição do site nos motores de busca Visibilidade do site nos motores de busca

Um serviço que mostra palavras-chave para um site que está no TOP 20 (vinte primeiros) resultados do Google ao longo do tempo. Dados sobre tráfego de pesquisa e publicidade.
http://www.semrush.com/

Posição no TOP50 Yandex e Google. TIC do site e PR da página principal, presença em diretórios importantes, visibilidade no topo para consultas de alta frequência.
http://pr-cy.ru/

Verificando proibições e nível de confiança do site

Verificando a confiabilidade do site. Um serviço que afirma medir a confiança do Yandex (ninguém pode verificar de qualquer maneira :).
http://xtool.ru/

Verificando a sobreposição dos filtros Panda e Penguin do Google. O serviço permite determinar visualmente se um site travou nas datas das atualizações do Panda e Penguin.
http://feinternational.com/website-penalty-indicator/

Verificação do Page Rank das páginas do site (ao copiar uma URL na ferramenta é necessário apagar a última letra e depois escrevê-la novamente).
http://www.prchecker.net/

Verificando o histórico de desenvolvimento do site

Mostra o histórico de desenvolvimento do site e possibilita a visualização de screenshots de páginas antigas.
http://www.archive.org/web/web.php

Histórico de posições do site no TOP Google (frases-chave, páginas, títulos), indicadores de PR, TIC, Alexa Rank, número de backlinks para sites populares.
http://SavedHistory.com

Plug-ins de SEO para verificação de sites

SEO Doctor é um complemento para Firefox. Mostra links na página e fornece uma interface conveniente para vários serviços de SEO.
http://www.prelovac.com/vladimir/browser-addons/seo-doctor/

SeoQuake é um complemento para Firefox. Mostra as características mais importantes do site: TIC, PR, backlinks, Alexa Rank. Funciona com resultados do Google e Yandex. Fornece a capacidade de analisar rapidamente os concorrentes.
http://www.seoquake.com/

IEContextHTML é um complemento para o Internet Explorer. Verifica a indexação de links no Yandex e no Google, mostra uma lista de links externos e internos e permite importar dados de páginas da web.

A visibilidade de um site nos motores de busca depende da sua localização

Uma lista atualizada de servidores proxy gratuitos, incluindo os russos.
http://www.checker.freeproxy.ru/checker/last_checked_proxies.php
http://spys.ru/proxys/ru/

Um proxy anônimo gratuito com a capacidade de se apresentar em três países. Funciona com pesquisa do Google.
https://hide.me/en/proxy

Emuladores de pesquisa do Google em diferentes países, definindo parâmetros de pesquisa.
http://searchlatte.com/
http://isearchfrom.com/

Verificando posições no Yandex e no Google

O serviço permite uma verificação profunda (até 500) da posição de um site por região no Yandex.

Análise de rede do site, verificando backlinks Análise de backlinks

Analisa a massa de links do site, gera fatias com base em diversos critérios: tipo de link, âncoras, páginas. Mostra o peso dos backlinks. O serviço está disponível apenas para usuários cadastrados.
http://ahrefs.com

Verificando backlinks para o site

Verifica a presença de backlinks para o site na lista de URLs proposta (até 100 páginas).
http://webmasters.ru/tools/tracker

Verificando a popularidade de um site nas redes sociais PlusOneChecker

Mostra o número de curtidas (mais uma) no Google+. Você pode inserir imediatamente uma lista de URLs a serem verificados.
http://www.plusonechecker.net/

Explorador de API gráfica do Facebook SharedCount

Mostra popularidade no Twitter, Google+, Facebook, LinkedIn, Pinterest, Delicious, StumbleUpon, Diggs.
http://sharedcount.com

Redes sociais legais

Mostra a popularidade da primeira página do site no Twitter, Google+, Facebook, Delicious, StumbleUpon. Para sites russos, os dados às vezes estão incorretos.
http://www.coolsocial.net

Social-Popularidade Social Crawlytics

Faz a varredura do site e gera relatórios de “Compartilhamentos” das principais redes sociais estrangeiras para essas páginas. Cadastra usuários por meio de uma conta do Twitter. Você pode ver os relatórios no dia seguinte.
https://socialcrawlytics.com

Verificando o site em busca de vírus Dr.Web

Verifica o URL fornecido em busca de código suspeito, mostra scripts carregados e os resultados de sua verificação.
http://vms.drweb.com/online/

Total de vírus

Verifica URLs em busca de vírus com 30 scanners.
https://www.virustotal.com/#url

Alarme

Sistema de proteção do site contra vírus. Verifica os arquivos do site diariamente e envia um relatório sobre suas alterações por e-mail.



Por mais estranho que pareça, ainda existem usuários que desativam o JavaScript. E a maioria dos webmasters simplesmente os ignora, porém, às vezes você quer dar conselhos para que o usuário possa habilitar o JavaScript. E aqui está como verificar: “O JavaScript está habilitado?”, e se não, exiba uma linha pedindo para habilitá-lo, contarei neste artigo.

O código abaixo deve ser colocado dentro da tag body:

document.write("Você tem JavaScript habilitado!");

Você tem o JavaScript desativado...

Deixe-me explicar um pouco esse código. Se o usuário tiver o JavaScript habilitado, o método write() funcionará e imprimirá uma string. Se o JavaScript estiver desabilitado, toda a tag do script será ignorada. No entanto, em seguida vem a tag noscript. Esta tag contém elementos que serão mostrados pelo navegador se o JavaScript estiver desabilitado. Ou seja, o conteúdo da tag noscript é mostrado quando o JavaScript está desabilitado, mas quando habilitado o usuário não vê o noscript.

É desta forma simples que os webmasters costumam escrever: " Ative o JavaScript", ou exibem algumas fotos lindas com um pedido semelhante, ou outra coisa, porque dentro da tag noscript você pode colocar qualquer tag HTML. E agora você pode aplicar o conhecimento adquirido em seu site, porque não é segredo que as coisas estão erradas agora É fácil encontrar um site que não use JavaScript.