Diagnóstico

Clique em Diagnóstico na barra. A varredura acontece em blocos, nos intervalos ociosos do navegador, então a página continua respondendo; ela atravessa shadow roots abertos e iframes do mesmo site. O painel tem duas abas, Interface e SEO, cada uma com uma nota de 0 a 100 e os problemas agrupados por regra.

• Cada problema ganha um pin na página. Passe o mouse num pin ou num item da lista e a Régua desenha a medida real.
• Ignore deixa um problema de lado e Ignore rule, a regra inteira; a escolha fica salva para as próximas varreduras, e Show / Hide mostra ou esconde o que foi ignorado.
• Copy for agent copia um prompt em Markdown com a URL da página e, para cada problema, o seletor, os valores medidos e a correção sugerida.
• O botão Scan again varre de novo depois que você corrigir algo.

Só entram regras de alta precisão: quando a medida não prova o problema, nada é apontado. Um falso positivo é tratado como bug. Texto dentro de ilustrações (contêineres com aria-hidden ou role="img") fica fora das regras de tipografia, espaçamento e alinhamento.

Depois de assinar em /pro, você recebe uma chave no formato RG-XXXX-XXXX-XXXX-XXXX. Na extensão, abra a Régua numa página qualquer, vá em Settings → Pro, cole a chave e clique em Activate. Ainda sem chave? Get a key leva para a assinatura. Sem licença, o botão Diagnóstico abre um painel que diz Diagnóstico is part of Régua Pro, com Activate license e Get Pro.

No npm, o Diagnóstico vem no pacote @mcardoso.dev/regua-pro. Ele substitui o @mcardoso.dev/regua com a mesma API: troque o import e ative do mesmo jeito, em Settings → Pro.

npm install @mcardoso.dev/regua-pro

import { Regua } from "@mcardoso.dev/regua-pro"

export function DevTools() {
  return process.env.NODE_ENV === "development" ? <Regua /> : null
}

Fora do React, use @mcardoso.dev/regua-pro/element, com os mesmos defineReguaElement e mountRegua do pacote gratuito (veja Primeiros passos).

• Uma chave vale para até 3 instalações ao mesmo tempo, somando a extensão e o pacote. Em Settings → Pro, a linha de instalações mostra quantas estão em uso (como 2 of 3) e os 4 últimos caracteres desta instalação (This one …XXXX), os mesmos que aparecem em Minha conta. Manage abre a sua conta.
• A licença é verificada no próprio navegador, com uma assinatura Ed25519, e renovada sozinha a cada 3 dias quando há internet. A verificação funciona offline e também em páginas servidas por http simples. Sem conexão, a licença continua valendo até 14 dias depois do último dia pago.
• Deactivate, em Settings → Pro, apaga a chave daquela instalação. A vaga continua ocupada até você liberá-la em Minha conta; ativar de novo na mesma instalação reaproveita a vaga.

O Diagnóstico roda 100% no seu navegador: o conteúdo das páginas nunca sai do seu dispositivo. As únicas coisas enviadas para regua.ocardoso.com são a chave da licença e um identificador aleatório da instalação, gerado uma vez e guardado localmente. Nenhum nome, nenhuma URL. Os detalhes estão na política de privacidade.