Chaves para iniciar o console Yandex. Como abrir o console no navegador Yandex e outros navegadores

Lar / Sistemas operacionais

Muitas pessoas usam navegadores que nos tornam um com rede global Internet. Porém, como as páginas da Internet estão estruturadas, como escrevê-las você mesmo - esta informação é apenas para quem deseja criar algo novo. Todos esses recursos estão ocultos para usuários comuns, tudo por razões de simplicidade e intuitividade, mas neste artigo examinaremos o tópico de como abrir o console no navegador Yandex, por que foi criado, qual idioma ele suporta e muito mais. . O artigo é recomendado não apenas para usuários do navegador Yandex

Por que você precisa de um console em um navegador?

Existem três motivos para criar um console no navegador:

  1. Para depurar o próprio navegador na fase de design.
  2. Treinar jovens profissionais nas funções de um determinado navegador.
  3. Para profissionais depurarem suas páginas da Internet em tempo real.

Pouca gente sabe, mas você pode escrever seu próprio site usando apenas 2 coisas: conhecimento e um bloco de notas. Porém, este método é um grande desperdício de tempo, pois você terá que salvar novamente o documento após cada alteração de qualquer parâmetro. Um console de depuração especial vem em socorro - este é um campo específico do navegador que contém absolutamente todas as informações sobre a página e seu código-fonte. Ao explorá-lo, você poderá encontrar muitas coisas interessantes, incluindo erros de desenvolvedor. Para evitar cometer erros, use o console do navegador.

Digamos que você criou uma página na Internet, mas precisa ajustar a imagem às dimensões desejadas, a saída chega ao console, que tem a capacidade de depurar a página em tempo real, o que economiza muito tempo e esforço. Na próxima parte do artigo, mostraremos como abrir o console no navegador Yandex. Esse conhecimento certamente o ajudará se você for um webmaster novato.

Como abrir o console do desenvolvedor no Yandex

Para abrir o console você precisará de um atalho de teclado especial. Se você ler a documentação de qualquer navegador, descobrirá que nem mesmo é necessário usar um mouse. Há um número incrível de atalhos de teclado que podem atender a todos os seus desejos.

Instruções sobre como abrir o console no navegador Yandex:

  1. Inicie o navegador do Yandex e espere que ele carregue totalmente no BATER, levará apenas alguns segundos.
  2. Agora abra qualquer página da Internet, por exemplo, Google, mas não importa, qualquer uma serve.
  3. Para abrir as ferramentas Yandex, pressione as seguintes teclas: “Ctrl + Shift + I”
  4. Se você quiser trabalhar especificamente com JavaScript - esta é uma linguagem de programação, então você precisará manter pressionadas as seguintes teclas: “Ctrl + Shift + J”

No entanto, em navegadores diferentes Existem diferentes maneiras de abrir o console, portanto, no próximo parágrafo examinaremos os navegadores mais populares.

Abrindo o console em outros navegadores

Antes de mais nada, vale informar: não tente usar as mesmas combinações de teclas em navegadores diferentes. Houve muitos casos em que os usuários excluíram por engano todos os seus favoritos e recuperá-los pode ser bastante problemático e às vezes impossível. Portanto, a seguir serão apresentados exemplos de como abrir consoles corretamente.

  1. Google Chrome. Existem duas opções: ir até as configurações, onde haverá um botão para abrir o console, ou pressionar a combinação de teclas “Ctrl + Shift + I”.
  2. Ópera. No menu "Ferramentas de Desenvolvimento" haverá um botão " Código fonte", ou a combinação de teclas "Ctrl + U".
  3. Firefox. Nas configurações do navegador, “Ctrl + Shift + J”.
  4. Safári. F12, ou vá em “Complementos”, onde estará “Mostrar menu para desenvolvedor”

Para concluir

Esperamos que este artigo tenha ajudado você a entender como abrir o console no navegador Yandex. Esse conhecimento ajudará principalmente estudantes, jovens desenvolvedores, bem como usuários comuns que desejam aprender um pouco mais sobre a tecnologia da informática, pois ela é o futuro do nosso mundo.

Muitas pessoas usam navegadores que nos tornam um com a Internet global. Porém, como as páginas da Internet estão estruturadas, como escrevê-las você mesmo - isso é informação apenas para quem deseja criar algo novo. Todos esses recursos estão ocultos para usuários comuns, tudo por razões de simplicidade e intuitividade, mas neste artigo examinaremos o tópico de como abrir o console no navegador Yandex, por que foi criado, qual idioma ele suporta e muito mais. . O artigo é recomendado não apenas para usuários do navegador Yandex

Por que você precisa de um console em um navegador?

Existem três motivos para criar um console em um navegador:

  • Para depurar o próprio navegador na fase de design.
  • Treinar jovens profissionais nas funções de um determinado navegador.
  • Para profissionais depurarem suas páginas da Internet em tempo real.
  • Poucas pessoas sabem, mas você pode escrever seu próprio site usando apenas 2 coisas: conhecimento e um bloco de notas. Porém, este método é um grande desperdício de tempo, pois você terá que salvar novamente o documento após cada alteração de qualquer parâmetro. Um console de depuração especial vem em socorro - este é um campo específico do navegador que contém absolutamente todas as informações sobre a página e seu código-fonte. Ao explorá-lo, você poderá encontrar muitas coisas interessantes, incluindo erros de desenvolvedor. Para evitar cometer erros, use o console do navegador.

    Digamos que você criou uma página na Internet, mas precisa ajustar a imagem nas dimensões desejadas, a saída chega ao console, que tem a capacidade de depurar a página em tempo real, o que economiza muito tempo e esforço. Na próxima parte do artigo, mostraremos como abrir o console no navegador Yandex. Esse conhecimento certamente o ajudará se você for um webmaster novato.

    Como abrir o console do desenvolvedor no Yandex

    Abrir o console exigirá um atalho de teclado especial. Se você ler a documentação de qualquer navegador, descobrirá que nem mesmo é necessário usar um mouse. Há um número incrível de atalhos de teclado que podem atender a todos os seus desejos.

    Instruções sobre como abrir o console no navegador Yandex:

  • Inicie o navegador Yandex e espere até que ele esteja completamente carregado na RAM; isso levará apenas alguns segundos;
  • Agora abra qualquer página da Internet, por exemplo, Google, mas não importa, qualquer uma serve.
  • Para abrir as ferramentas Yandex, pressione as seguintes teclas: “Ctrl + Shift + I”
  • Se você quiser trabalhar especificamente com JavaScript - esta é uma linguagem de programação, então você precisará manter pressionadas as seguintes teclas: “Ctrl + Shift + J”
  • No entanto, diferentes navegadores têm maneiras diferentes de abrir o console, portanto, no próximo parágrafo examinaremos os navegadores mais populares.

    Abrindo o console em outros navegadores

    Primeiramente, vale informar: não tente usar as mesmas combinações de teclas em navegadores diferentes. Houve muitos casos em que os usuários excluíram por engano todos os seus favoritos, e recuperá-los pode ser bastante problemático e às vezes impossível. Portanto, a seguir daremos exemplos de como abrir consoles corretamente.

  • Google Chrome. São duas opções: ir nas configurações, onde haverá um botão para abrir o console, ou pressionar a combinação de teclas “Ctrl + Shift + I”.
  • Ópera. No menu “Ferramentas de Desenvolvimento” haverá um botão “Código Fonte”, ou a combinação de teclas “Ctrl + U”.
  • Firefox. Nas configurações do navegador, ou “Ctrl + Shift + J”.
  • Safári. F12, ou vá em “Complementos”, onde estará “Mostrar menu para desenvolvedor”
  • Para concluir

    Esperamos que este artigo tenha ajudado você a entender como abrir o console no navegador Yandex. Esse conhecimento ajudará principalmente estudantes, jovens desenvolvedores, bem como usuários comuns que desejam aprender um pouco mais sobre a tecnologia da informática, pois ela é o futuro do nosso mundo.

    Resolvi escrever este artigo sob a impressão de alguns usuários que são administradores de diversos sites, mas não têm ideia sobre o console do navegador, e por isso recebem constantemente perguntas como “como posso mudar a cor do botão” ou “minhas mensagens privadas não funciona, o que devo fazer?” E às perguntas “quais erros são exibidos no console?” ou "o que o servidor retorna?" Eles apenas convidam você a ver por si mesmo.

    Um webmaster que não sabe usar ferramentas ou não as conhece não é bom, ele deve fazer alguns esforços em seu desenvolvimento e, entre a criação da próxima obra-prima da web, ler este artigo para resolver problemas de forma independente; seu site, ou pelo menos, fornecer informações mais completas para apoiar solicitações.

    Direi imediatamente que este artigo não descreverá todas as funcionalidades do painel, mas serão examinadas em detalhes a funcionalidade e os recursos de várias guias que são mais interessantes para um webmaster iniciante.

    O painel do desenvolvedor do navegador é provavelmente a ferramenta mais importante de um webmaster real, que permite que você tenha uma visão completa do que está acontecendo ao carregar uma página do site e depois dela.

    As informações obtidas no painel costumam ser suficientes para indicar a causa de quase todos os problemas no site. Negligenciar essas informações é, no mínimo, imprudente.

    Hoje em dia, os desenvolvedores de navegadores não se esquecem do painel do desenvolvedor, ele está necessariamente disponível em qualquer, mais ou menos; navegador moderno e podemos dizer que a sua presença é padrão, pelo que é provável que o encontre no seu navegador, mesmo que não soubesse previamente da sua existência.

    Existem muitos navegadores, existem ainda mais nuances de trabalhar com eles, mas como exemplo usarei o painel do navegador Chrom, mas não tenha medo, o princípio de seu funcionamento é o mesmo para quase todos os navegadores e ao comparar o funcionalidade de um navegador com outro, muitas vezes você encontrará muito em comum entre seus painéis.

    Então, vamos dar uma olhada neste painel.

    Pressione a tecla F12 e o painel do desenvolvedor aparecerá.

    Meus olhos imediatamente ficaram selvagens, não estava claro para onde olhar, o que pressionar. Vamos em ordem.

    Por padrão, a primeira aba "Elementos" está aberta.

    Esta guia exibe o código HTML da página atual.

    Dentro da aba você pode obter informações completas não só sobre a localização dos blocos html, mas também visualizar quais arquivos js e css estão incluídos ao carregá-los, e ainda conhecer o conteúdo desses arquivos simplesmente clicando no link correspondente no código da página.

    À direita do código da página, uma coluna é exibida com estilos e regras CSS em vigor para a página atual ou bloco HTML selecionado.

    É aqui que os milagres começam. A guia permite editar o código HTML e as regras CSS.

    Selecione o bloco HTML de seu interesse, selecione-o e seus estilos CSS serão exibidos na coluna da direita. Clique com o botão direito neste bloco e selecione uma das ações sugeridas “Editar como HTML” e você poderá editar o código html deste bloco. Você verá o resultado desta edição imediatamente após a conclusão, toda edição ocorre, por assim dizer, online, o resultado é imediatamente exibido na página.

    A imagem é a mesma com a edição de regras CSS para um bloco selecionado. Você pode ver quais estilos se aplicam a este bloco em no momento e, se necessário, ajuste-os, desative os desnecessários ou vice-versa - adicione alguma regra própria. O resultado destas ações será aplicado ao elemento imediatamente.

    Você não deve pensar que as alterações em html e css nesta guia afetam de alguma forma a situação real do seu servidor e que você está realmente editando os arquivos html e css do seu site. Tudo isso acontece apenas no navegador e você mesmo precisará transferir todas as alterações nesses arquivos.

    Se tudo parece claro com arquivos HTML, um arquivo é uma página, então os estilos de página podem consistir em muitos arquivos CSS e você precisa saber exatamente quais arquivos precisam ser editados.

    Observamos a coluna com estilos e notamos que ao lado de cada bloco de estilo não é exibido apenas um link para um arquivo css, mas também uma linha onde esta regra é colocada dentro arquivo especificado. Usando essas informações você pode encontrar facilmente arquivo necessário no servidor e um local para editar dentro deste arquivo.

    Tendo dominado esta guia, você será capaz de resolver problemas relacionados a pequenas alterações no layout da página e no estilo de exibição elementos individuais, o que economizará significativamente seu tempo e nervosismo. Esta guia deve ser estudada primeiro.

    Vamos para a próxima aba - "Rede".

    Esta aba não oferece tantos recursos de edição quanto a anterior, mas as informações nela obtidas não são menos valiosas. Aqui podemos rastrear todas as solicitações enviadas ao nosso servidor enquanto a página atual está carregando e obter as respostas do nosso servidor como resultado desta solicitação. Talvez esta informação seja muito complexa para webmasters novatos, onde mais podemos encontrar a resposta à pergunta “Por que não é enviada quando envio uma mensagem privada no chat?”) Se você decidir encontrar a resposta para esta pergunta e perguntas como essa e observe a guia "Rede" com todos os olhos.

    As páginas dos sites modernos não são mais espaços HTML estáticos como eram antes. Os próprios scripts de página podem enviar constantemente várias solicitações ao servidor ou mediante determinadas ações do usuário, e essas são as que nos interessarão em primeiro lugar.

    Vejamos alguns ação personalizada que enviará uma solicitação ao servidor e receberá uma resposta do servidor, por exemplo, alterando o envio de uma mensagem pessoal de um chat privado. Abra a página do chat, abra o painel do desenvolvedor na aba “Rede” e tente enviar uma mensagem no chat.

    Imediatamente após clicar no botão “Enviar” na aba do painel, poderemos observar a solicitação ao arquivo do servidor, e se clicarmos nele, receberemos informações completas sobre para qual arquivo os dados foram enviados e de que tipo de dados.

    A resposta do servidor pode ser recebida na aba Visualização deste pedido. É muito importante que a resposta seja esperada, então a ação realizada pelo usuário será executada, caso contrário ocorrerá um erro. Se isso ocorrer, a resposta do servidor informará as causas do problema.

    O servidor pode retornar um texto de erro como "Aviso..." ou "Erro fatal...", ou retornar um número de erro do servidor, como 404 ou 500, ou pode acontecer que a guia de resposta esteja vazia - nenhuma resposta foi recebido. Esta informação será muito útil para resolver o problema que surgiu no serviço de suporte onde o contacta, indicará possíveis razões sua ocorrência e muitas vezes mostrará claramente onde cavar.

    Portanto, não vamos ignorar esta aba; as informações obtidas nela são muito interessantes e úteis, pelo menos para o desenvolvimento geral. É sempre útil saber o que vai para onde e de onde vem)

    Às vezes acontece que você parece ter clicado no botão de avaliação ou enviado uma mensagem em um chat pessoal, mas nada acontece, você olhou na aba “Rede” do painel do navegador, mas as solicitações ao servidor simplesmente não são enviadas, a maioria provavelmente surgiu um conflito nos scripts js do site. Então é hora de ir para a guia "Console".

    A aba "Console" exibe um log de problemas encontrados ao carregar a página em scripts js para que possam ser rastreados. Também pode exibir erros que ocorreram ao tentar carregar um arquivo ausente ao carregar a página atual. Os problemas críticos são exibidos em vermelho e muitas vezes é a solução deles que restaura a funcionalidade de todo o site caso ele esteja quebrado.

    As informações da guia Console são muito úteis para um webmaster, pois permitem rastrear imediatamente a ocorrência de conflitos em scripts ao carregar uma página ou erros triviais; O texto do erro informa sobre o seu tipo e onde ocorreu, é indicado o arquivo js e o local neste arquivo onde o erro foi percebido, o que auxilia na solução desses erros.

    Dê uma olhada nesta aba ao carregar as páginas do seu site, o que você verá lá? Existem muitas mensagens vermelhas? Muitas vezes, apenas uma mensagem de erro nesta guia é suficiente para que todos os scripts do site parem de funcionar, então você definitivamente não deve negligenciar essas informações e, se notar entradas no console, deverá tomar medidas para identificar e corrigir problemas . Idealmente, não deveria haver nenhum vermelho no console.

    Espero que agora, depois de se familiarizar com as guias listadas do painel do desenvolvedor, seja mais fácil para você trabalhar com seus sites, identificar e corrigir problemas sem entrar em contato com especialistas ou fornecer a esses especialistas informações mais abrangentes sobre a situação.

    Os navegadores da Web têm muito mais recursos do que os necessários para uma navegação normal na Web. São recursos para facilitar a localização das informações, muito armazenamento, ferramentas para gerenciamento de dados e até ferramentas para teste e desenvolvimento de sites. O console do navegador Yandex contém várias ferramentas para trabalhar com o lado invisível dos sites: código JavaScript, dados e dispositivos conectados, cookies, cache, certificados de segurança, etc. O console do desenvolvedor é uma ferramenta extremamente útil, não apenas nas mãos de um programador, às vezes até mesmo um não especialista precisa usar este painel.

    O painel do desenvolvedor é implementado para resolver cinco tarefas principais:


    As ferramentas do desenvolvedor e o console do navegador Yandex são ferramentas universais, pois têm tudo o que um programador precisa e muito mais.

    Como abrir o console no navegador Yandex?

    Existem várias maneiras de chamar o console no navegador Yandex:

    • Através de “Configurações do navegador Yandex”;
    • De menu de contexto páginas;
    • Usando teclas de atalho.

    Através do menu do navegador

    Todas as ferramentas necessárias são colocadas em uma seção " Ferramentas adicionais" A partir daqui podemos ir diretamente para o console, ferramentas de desenvolvedor ou simplesmente abrir o código HTML da página.

    Como abrir o console do desenvolvedor no navegador Yandex:


    Da mesma forma, podemos abrir o código HTML clicando em “Ver código da página”, e também ir em “Ferramentas do desenvolvedor” clicando no item correspondente.

    No menu de contexto

    Este é um dos mais maneiras simples abrir seção obrigatória, para implementá-lo precisamos apenas fazer 3 cliques:


    Através de teclas de atalho

    Para iniciar o console no navegador Yandex, podemos usar teclas de atalho. Eles permitem que você abra não apenas o console em si, mas também as ferramentas do desenvolvedor.

    Como ligar o console usando atalhos de teclado:


    Outra forma de ir ao painel desejado é pressionar a tecla F12.

    Descrição dos elementos do painel do desenvolvedor

    É hora de dar uma olhada em todas as guias do console do desenvolvedor e suas funções. Sobre descrição detalhada Levará muito tempo, por isso falaremos brevemente sobre o papel de cada um deles.

    Guias do painel do desenvolvedor:

    • "Elementos" exibe código HTML estruturado. Ele mantém uma estrutura de código precisa e regras de aninhamento. Além do código HTML, exibe os estilos CSS de cada bloco ou elemento. Permite compreender a estrutura, ver as classes dos elementos e os estilos que lhes são atribuídos;
    • “Console” exibe erros no código da página e permite executar seu próprio código JavaScript, que será processado instantaneamente no navegador;
    • “Fontes” é uma aba que contém todos os arquivos com código JavaScript e CSS que estão conectados ao recurso. Permite visualizar códigos conectados localmente e arquivos hospedados em outros recursos (podem ser JQuery, métricas do Google, Yandex e outros arquivos de tema, scripts);
    • “Rede” é uma aba muito importante, pois podemos utilizar as informações dela para aumentar o desempenho do site. Isso exibe o tempo necessário para carregar conteúdo de mídia e arquivos JS externos. Se o site usar imagens de alta resolução ou elas forem carregadas de um recurso externo, o site demorará mais para carregar. Esta guia mostra qual conteúdo faz com que o recurso da web fique lento;
    • “Desempenho” é uma página para verificar detalhadamente o desempenho de um recurso. Após o procedimento de teste do site, as estatísticas aparecem para cada elemento da página com informações completas pela velocidade de download;
    • “Memória” é semelhante à aba anterior, mas exibe informações sobre o peso da página. Podemos expandir os dados e estudar detalhadamente o peso de todos os elementos da página. Não só o peso das imagens ou do texto é levado em consideração, mas também todos os objetos, elementos HTML e CSS, etc.;
    • “Aplicativo” fornece acesso a todo o armazenamento: cookies, cache, armazenamento local, sessões, fontes, scripts e muito mais. Existe também uma ferramenta útil “Limpar armazenamento”, projetada para limpar todo o armazenamento;
    • “Segurança” oferece informações sobre certificados de segurança e confiabilidade de conexão;
    • "Auditorias" é uma ferramenta para auditar rapidamente um site. Ao final do trabalho, o resultado é apresentado em 5 categorias: “Desempenho”, “Progressividade da aplicação Web”, “Facilidade de uso”, “ Melhores práticas"(dicas para melhorar a página) e "SEO".

    Mais alguns pontos:


    Agora sabemos por que é necessário e como abrir o console no navegador Yandex, e também conhecemos brevemente as funções de cada elemento das ferramentas do desenvolvedor. Ao utilizar plenamente esta ferramenta de desenvolvimento, torna-se possível desenvolver um site melhor e mais rápido. Usuários regulares O console é útil para fornecer capturas de tela de mau funcionamento do site e limpar dados temporários.

    Olá, queridos amigos. O painel do desenvolvedor (console) no navegador é uma ferramenta indispensável para todo dono de site, com a qual você pode visualizar rapidamente o código html da página e estilos css. E também descubra os erros que ocorreram ao carregar o site e verifique a adaptabilidade do site.

    Hoje veremos como trabalhar com código HTML, estilos CSS e adaptabilidade no painel do desenvolvedor. Essas são as ferramentas necessárias para resolver a maioria dos problemas.

    Para uma compreensão geral da imagem, vamos dar um exemplo de quando você pode precisar do painel do desenvolvedor.

    Digamos que você veio ao meu blog e estava interessado em saber qual fonte eu uso ou cor e assim por diante. Em geral, pode ser qualquer elemento do site. E você queria fazer o mesmo no seu site.

    Em seguida, você olha através do painel do desenvolvedor no navegador o elemento desejado, onde pode ver o código html e os estilos CSS para ele.

    Outra opção de utilização do painel é quando você deseja fazer algo no site, mas ainda não sabe como ficará.

    Nesse caso, você também pode usar o painel do desenvolvedor e ver como ficará sua ideia no navegador. Afinal, tudo o que você faz no painel do desenvolvedor fica visível apenas para você. E para que os visitantes vejam seus experimentos, você precisará transferir estilos e códigos para os arquivos do site.

    Abrindo o painel do webmaster e conhecendo a interface

    O painel do desenvolvedor está presente em todos os navegadores modernos. Para abri-lo, você precisa pressionar a tecla F12 do teclado.

    A interface do painel será diferente em diferentes navegadores, mas os princípios de operação são semelhantes.

    Prefiro o painel do navegador Firefox.

    O painel em si é dividido em duas metades e contém guias e ferramentas para trabalho.

    No painel você pode visualizar o código HTML da página e editá-lo ali mesmo. Para fazer isso, selecione o elemento desejado e pressione botão direito mouse e selecione no menu "Editar comoHTML (EditarcomoHTML)".


    Para trabalhar com estilos, você precisa ir para a seção do painel CSS, onde você pode adicionar estilos ou desabilitar os existentes desmarcando a caixa ao lado deles. Tudo pode ser mudado.

    Aqui você pode descobrir em qual arquivo os estilos estão localizados e em qual linha.

    Como analisar um elemento HTML em um site e descobrir seus estilos CSS

    Vejamos meu exemplo, que está localizado em cada artigo.

    Para analisar o elemento desejado, você precisa clicar com o botão direito sobre ele e selecionar o item de menu .


    Todo o princípio de trabalhar com código no painel é que você precisa selecionar o código html na janela esquerda, e na janela direita haverá estilos para este elemento.

    E se tudo é bastante simples com estilos, então ao trabalhar com código HTML você precisa entender sua integridade. Ou seja, cada elemento possui tags nas quais está localizado. Podem ser parágrafos, links, imagens e assim por diante. Na maioria das vezes, esses são blocos DIV que possuem uma tag de abertura < div> e fechando div>. E tudo isso está claramente visível no painel.


    Ao copiar ou editar, é importante entender onde começa e onde termina um bloco. Cometer o menor erro aqui pode atrapalhar todo o layout do modelo.

    No vídeo tutorial entrarei em detalhes sobre esse ponto. E se você deseja dominar rapidamente conhecimentos básicos de html e css, aconselho que acesse a página "De graça" e baixe cursos de Evgeniy Popov.

    Como copiar o código HTML do painel para os arquivos do site

    Pode haver muitas ideias para usar o painel do desenvolvedor. Após experimentar no painel, o resultado deve ser transferido para os arquivos do site. E há alguma dificuldade aqui. O fato é que o painel exibe código html, e a maioria dos sites modernos, inclusive os da plataforma WordPress, são criados na linguagem de programação PHP. E isto é como o céu e a terra.

    Então, vejamos um exemplo de cópia de um banner do meu blog e transferência para outro site.

    Para fazer isso, abra o painel do desenvolvedor, examinando o elemento desejado. Tendo determinado o início do bloco DIV, pressione o botão direito da mira frontal e selecione o item de menu "Copiar externoHTML"


    O código foi copiado para a área de transferência e agora você precisa colá-lo onde deseja ver este banner.

    Este processo é bastante difícil de descrever, por isso sugiro assistir a um vídeo tutorial onde tudo é explicado e mostrado detalhadamente.

    Como transferir estilos do painel do desenvolvedor para arquivos do site

    Depois de decidir o código e os estilos, você pode começar a transferi-los para os arquivos do site. Pois por enquanto todas essas alterações são visíveis apenas para você no navegador, e se você atualizar a página, todas as alterações desaparecerão.

    , para mim é mais conveniente. Já que ao trabalhar no Notepad++ há destaque de código e numeração de linhas. E isso ajuda muito quando você não precisa apenas copiar estilos, mas fazer alterações nos já existentes. Esses estilos são fáceis de encontrar pelo número da linha.

    Como verificar a capacidade de resposta do modelo no painel do desenvolvedor

    Para mudar o painel para o modo adaptativo, você precisa pressionar a combinação de teclas CTRL+SHIFT+M ou o botão no painel do desenvolvedor, que está localizado de forma diferente em diferentes navegadores.



    Conclusão

    Neste artigo, não examinei todas as ferramentas do painel do desenvolvedor, mas apenas aquelas que podem ser úteis e são usadas com mais frequência por muitos webmasters.

    O uso do painel e a habilidade de trabalhar com códigos e estilos são indispensáveis ​​​​ao trabalhar com sites e programas de afiliados.

    Coloque a ferramenta em serviço, ela será útil para você muitas vezes mais.

    Se você tiver alguma dúvida, ficarei feliz em respondê-la nos comentários.

    Amigos, desejo sucesso. Vejo você em novos artigos.

    Atenciosamente, Maxim Zaitsev.

    © 2024 ermake.ru - Sobre reparo de PC - Portal de informações