Como inspecionar um elemento em um Chromebook

Você é um desenvolvedor web ou deseja usar um Chromebook para inspecionar um elemento em uma página web? Bastam alguns cliques.

Muita coisa é necessária para construir uma página da web. Se você estiver curioso sobre o que está por trás de um elemento específico em uma página, talvez queira visualizar o código. Como um Notebook com Windows, você pode inspecionar os elementos por meio da opção de ferramentas do desenvolvedor em seu ótimo Chromebook ou um dos muitos tablets ChromeOS. E há duas maneiras de fazer isso.

Se você estiver usando um Chromebook gerenciado por uma escola ou empresa, a função inspecionar elemento poderá estar bloqueada e você não conseguirá seguir as etapas deste guia. Não há como desbloqueá-lo sem perguntar primeiro ao administrador. Os elementos do Inspect podem estar bloqueados para sua segurança e para evitar engenharia reversa e trapaça em exames on-line.

Os desenvolvedores da Web e usuários mais avançados do ChromeOS podem querer inspecionar o elemento em um Chromebook por meio do menu de ferramentas do desenvolvedor. Este menu simples no ChromeOS permite que você se aprofunde no conteúdo de uma página da web. Não está super escondido, mas veja como você pode encontrá-lo.

  1. Clique nos três pontos ao lado do ícone do seu perfil na barra de menu do Chrome.
  2. Escolha o Mais ferramentas opção.
  3. Escolher Ferramentas de desenvolvimento.
  4. Um console será aberto no lado direito da página, mostrando o código do site em que você está.
  5. No canto superior esquerdo deste console, você verá um ícone quadrado com um mouse. Clique. Você também pode pressionar Ctrl + Shift + C para acionar a função.
  6. Agora você poderá passar o mouse onde quiser na página da web e o código desse elemento específico aparecerá.
  7. Clique na área em que você está passando o mouse para ver o código no console à direita.

Você também pode evitar totalmente esse menu apenas acionando-o automaticamente com Ctrl + Shift + I no seu teclado.

Inspecione elementos em um Chromebook usando um mouse ou touchpad

Como outros navegadores da web, o Chrome permite inspecionar elementos usando apenas o mouse ou touchpad.

  1. Passe o mouse sobre a parte da página que você deseja inspecionar.
  2. Clique com o botão direito nessa área.
  3. Escolher Inspecionar do cardápio.
  4. O menu de ferramentas do desenvolvedor do Chrome será aberto.
  5. Clique no ícone quadrado com o mouse na parte superior do menu. Você também pode pressionar Ctrl + Shift + C para acionar a função.
  6. Passe o mouse sobre a área que deseja inspecionar e você verá o código aparecer.
  7. Clique no elemento a ser levado para aquela linha de código no console.

Não é preciso muito para inspecionar o elemento em uma página da Web em um Chromebook. Existem dois métodos fáceis, desde que seu administrador os tenha habilitado. Se você quiser saber mais sobre o ChromeOS, confira nossos guias sobre como você pode mude seu papel de parede todos os dias e como você pode remotamente em um Chromebook.