Testar um bloco HTML/CSS em vários tamanhos
Cole um trecho de HTML e o CSS associado para ver na hora como ele fica em celular, tablet e desktop, em um quadro isolado (iframe em sandbox) que não pode executar scripts nem acessar a sua página.
So funktioniert es
O HTML e o CSS que você digita são reunidos em um minidocumento autônomo, injetado em uma tag <iframe> pelo atributo srcdoc. Esse iframe fica em modo "sandbox", ou seja, isolado do resto da página: ele não pode executar scripts (nenhum <script> é permitido) nem acessar o restante do site, o que protege contra qualquer risco de injeção maliciosa a partir do conteúdo colado. Escolha um formato predefinido (celular, tablet, desktop) ou informe largura e altura personalizadas para observar o comportamento responsivo do seu bloco.
O JavaScript é executado na pré-visualização?
Não, de propósito: o iframe está em sandbox sem a permissão allow-scripts, então qualquer <script> presente no HTML colado será ignorado. Apenas a renderização do HTML e a aplicação do CSS são pré-visualizadas.
Kann ich CSS-Media-Queries testen?
Sim: as regras @media incluídas no seu CSS se aplicam normalmente de acordo com a largura definida para a pré-visualização (predefinição ou valor personalizado), exatamente como em um navegador de verdade redimensionado.
Seu HTML e seu CSS nunca são enviados a um servidor: a renderização é gerada inteiramente no seu navegador, localmente.