Extensão do Firefox. Talvez porque a barra de ferramentas do desenvolvedor da Web seja muito poderosa, muitas funções úteis podem ser acidentalmente ignoradas pelos usuários durante o uso. Vamos fazer aqui um pequeno resumo dessas habilidades esquecidas para encher o mundo de amor:
Imagens／Ver informações da imagem
Através desta opção, você pode exibir os atributos de todos os elementos da imagem na página web atual em uma nova aba: caminho, tamanho, dimensões, etc., o que é particularmente conveniente.
Informações／Ver informações de cores
A correspondência de cores das páginas da web é um grande conhecimento. Muitas pessoas gostam de usar o Colorzilla para visualizar as informações de cores das páginas da web. Esta extensão pode exibir as informações de cores da posição atual do ponteiro na barra de status, incluindo a cor da imagem. Comparada com a Barra de Ferramentas do Desenvolvedor Web, esta função é um pouco fraca, mas você ainda pode acessar todas as cores chamadas por CSS na página da web atual com um clique, o que é muito útil para estudar a correspondência de cores da página da web.
Informação/Informação do Elemento de Exibição
No passado, quando eu queria visualizar o atributo div de um determinado elemento ou área em uma página da web, sempre clicava com o botão direito para chamar o arquivo de origem e então começava a usar a função de pesquisa para pesquisar linha por linha. Com esta função, você não precisa mais se preocupar com isso. Quando você quiser visualizar determinados atributos da página web, como classe/id, localização, etc., basta usar suavemente as teclas de atalho Ctrl+Shift+F e clicar nessa área para visualizar tudo o que deseja saber.
Formulários／Mostrar senhas
Muitas pessoas gostam de exibir suas senhas claramente por vários motivos. Este recurso da barra de ferramentas do desenvolvedor da Web oferece uma possibilidade para usuários do Firefox com essa peculiaridade. Após clicar nesta opção, ela será exibida claramente na caixa de entrada de senha.
Renderização diversa/em tela pequena
Cada vez mais usuários podem usar seus telefones celulares e PDAs para navegar na Internet. O uso desta função permite que você visualize a aparência de suas páginas da web nesses dispositivos portáteis. Com base na visualização, você pode otimizar o layout e o quadro de suas páginas da web. ., facilitando a navegação no PDA.
Diversos／Links visitados
Em alguns casos, desejaremos que todos os hiperlinks da página web atual sejam desabilitados para facilitar a inspeção e depuração de nossas páginas web. Nesta opção, os usuários podem selecionar Marcar todos os links como não visitados e todos os hiperlinks serão temporariamente desativados.
Ferramentas/Ver relatório de velocidade
As opções do menu Ferramentas estão basicamente relacionadas a diversas verificações do site, CSS, JS, HTML, etc. Também existe aqui uma função muito útil, que é testar a velocidade de carregamento do site online. Os dados do Web Page Analyzer são chamados aqui. Depois de clicar na opção, a Web Developer Toolbar enviará o site atual ao Web Page Analyzer para teste. Os usuários podem entender quais arquivos afetam a velocidade de carregamento de seu site com base na lista de dados fornecida pelo Web. Analisador de páginas.
Diversos／Editar HTML
Talvez a função usada com mais frequência na Barra de Ferramentas do Desenvolvedor Web seja Editar CSS. Os usuários podem modificar o CSS da página da web atual em tempo real e ver o efeito da modificação imediatamente. Os usuários também podem usar a barra de ferramentas do desenvolvedor da Web para modificar arquivos HTML. Esta função está oculta em Diversos.