TikTok WebView Tester

Visualize como seu site aparece no navegador interno do TikTok

Viewport real
Área visível pro conteúdo
Chrome TikTok
Espaço "perdido" pras barras
User-Agent
💡 Como usar
Cole a URL e clique Testar. Para seus sites na Hostinger, adicione Header set X-Frame-Options "ALLOWALL" no .htaccess.

Proxy — busca via server-side com User-Agent TikTok. Ative pra sites de terceiros.
JS: Smart (default) — remove só scripts de cloaker (utm_xtrack, utmifytrack, redirects pra Google, detecção de bot). Mantém React/Vue/etc funcionando.
JS: Strip All — remove TODO JavaScript. Último recurso pra cloakers agressivos (SPAs ficam em branco).
JS: Off — não mexe em nada. Use pra sites confiáveis.
Proxy externo — se o site bloqueia IP, cole seu proxy mobile rotativo no campo que aparece.
⚠️ Bugs comuns no TikTok WebView
Vídeos expandem fullscreen — o WebView do TikTok força fullscreen em <video>. Use playsinline webkit-playsinline nos atributos.
Position fixed cortado — barras do TikTok comem espaço. Use env(safe-area-inset-top) e env(safe-area-inset-bottom).
100vh inclui as barras — use 100dvh ou calc(var(--vh, 1vh) * 100) ao invés de 100vh.
Fonts não carregam — Google Fonts pode ser lento no WebView. Prefira font-display: swap.