1. O Que São Recursos CSS em Impressão Digital
Os navegadores fornecem uma série de APIs e recursos relacionados a CSS que podem ser usados para identificar ou criar uma impressão digital de um ambiente de navegador. Isso inclui:
CSS.supports(propriedade, valor)
: Verifica se o navegador suporta uma propriedade ou valor CSS específico.document.styleSheets
: Lista todas as folhas de estilo carregadas, o que pode mostrar extensões instaladas ou CSS personalizado.- Consultas de recursos CSS: As plataformas podem detectar suporte para módulos de layout modernos como
@supports
, CSS Grid, Flexbox, APIs Houdini e muito mais. - Propriedades e valores CSS personalizados: Alguns scripts medem as respostas a regras
@property
definidas ou avaliamCSS.registerProperty()
. - Orientação da tela, media queries e prefers-color-scheme: Tudo isso pode influenciar os recursos CSS e são frequentemente coletados para enriquecimento da impressão digital.
No geral, essas “impressões digitais de recursos CSS” constroem um perfil do tipo de navegador e dispositivo que você está usando.
2. Como as Plataformas Detectam Impressões Digitais Baseadas em CSS
As impressões digitais CSS são coletadas sutilmente durante a renderização normal do site ou por meio de testes scriptados. Os métodos de detecção incluem:
- Enumerando Recursos Suportados: Scripts verificam
CSS.supports()
em loops ou usam verificações de estilo de análise para avaliar o comportamento de layout de Grid, Flexbox, backdrop-filter ou elementos personalizados. - Inspeção de Folhas de Estilo: Ao escanear todas as folhas de estilo carregadas, os criadores de impressões digitais podem detectar CSS injetado ou modificado, às vezes ligado a ferramentas de automação ou bypass de CSP.
- Alterações de Layout Baseadas em Fonte: As plataformas podem observar como as fontes personalizadas ou a estilização de texto impactam o layout de renderização e medi-lo por meio de APIs DOMRect ou boundingRect.
- Pintura Dinâmica em Elementos: O uso de
boundingClientRect
,scrollIntoView
ouwindow.getComputedStyle()
para avaliar como os elementos reagem sob diferentes layouts pode fornecer pistas sobre as ferramentas. - Exportações CSS Houdini: Navegadores que expõem APIs como
CSS.paintWorklet
ouCSS.animationWorklet
são sinalizados com maior precisão — especialmente na detecção de navegadores financeiros ou headless.
Recursos baseados em CSS são especialmente eficazes para distinguir perfis de navegação humanos reais de ambientes de spoofing projetados, tornando-os um alvo chave para sistemas modernos anti-multi-conta ou anti-bot.
3. Como o FlashID Mascara os Recursos CSS
O FlashID adota uma abordagem robusta e modular para os controles de impressão digital CSS, permitindo:
- Spoofing do Comportamento de
CSS.supports()
: Interceptamos e reescrevemos as respostas de capacidade CSS para refletir um perfil de navegador consistente e definido pelo usuário. - Ambientes de Folha de Estilo Isolados: O FlashID garante que o conteúdo de
document.styleSheets
seja específico para cada instância de navegador e passível de corte para evitar vazamentos como a detecção de injeção de folha de estilo. - Consistência na Renderização de Fontes: Mantemos valores CSS específicos do perfil, garantindo que os estilos computados relacionados a fontes, espaçamento e transformações permaneçam estáveis entre as sessões.
- Personalização do Comportamento de Layout: Escolhas de layout CSS como
display: grid
, regras flex, ou análise de valores personalizados são mimetizadas com precisão para manter o realismo do navegador. - Mascaramento do Suporte a Paint Worklet: O FlashID pode simular ou suprimir APIs CSS Houdini avançadas como
paintWorklet
, tornando a detecção mais difícil. - Comportamento Responsivo Ciente do Perfil: Media queries, prefers-color-scheme e estilos relacionados à tela são adaptados em harmonia com o restante do perfil do navegador.
Com essas personalizações de alto nível, o FlashID garante que a impressão digital CSS não denuncie a identidade do navegador, e cada perfil se comporta como se estivesse sendo executado em um dispositivo único e isolado.
Você Também Pode Gostar