Como editar uma página web / Alterar texto diretamente no navegador [Tutorial]

Normalmente, quando editamos uma página web, usamos ferramentas específicas como o Adobe Dreamweaver, CoffeeCup, Bluefish ou outro software de desenvolvimento. Mas e se só queremos fazer um *brainstorming* ou experimentar algo numa página ao vivo? Podíamos fazer uma cópia na nossa ferramenta preferida e mexer nela. Ou então, fazer tudo diretamente no navegador. Este tutorial vai mostrar como editar uma página web sem sair do navegador.

Questões abordadas neste tutorial:

como editar uma página web
como editar uma página web com *Inspecionar elemento*
como editar uma página web no Chrome
como editar uma página web temporariamente com *Inspecionar*
como editar uma página web usando *Inspecionar*

No Firefox, esta função chama-se *Ferramentas para Desenvolvedores*, enquanto no Chrome é conhecida como *Inspecionar*. Esta ferramenta permite ver o código por trás do design de uma página web. É muito conhecida, mas nem todos sabem que também é possível modificar esse código em tempo real.

Este tutorial aplica-se a computadores, laptops, *desktops* e tablets com sistemas operativos Windows 10, Windows 8/8.1 e Windows 7. Funciona em todas as principais marcas de fabricantes (Dell, HP, Acer, Asus, Toshiba, Lenovo, Samsung).