Duplique nós DOM com facilidade

Nós DOM duplicados

Essas são essencialmente operações de corte/cópia e colagem.

É possível mudar o DOM facilmente sem precisar editar o HTML como uma string gigante.

  1. Clique com o botão direito do mouse em um nó e selecione Copiar.
  2. Você pode colar no editor de código ou, para prototipar, colar o nó do DOM em outro lugar na árvore do DOM. O nó colado é inserido como filho do nó selecionado. No vídeo, uso a tecla de seta para a esquerda para pular para a tag de abertura mãe imediata e colar nela (o que faço na maioria dos casos).

Você também pode cortar (clique com o botão direito do mouse > Cortar, Cmd + x/Ctrl + x) um nó DOM e colar, o que tem o efeito de mover o nó.

Experimento:tente adicionar mais links no cabeçalho/rodapé de um site usando essa técnica de copiar e colar e descobrir em que ponto o layout precisa ser melhorado.