Posso impedir que o console das Ferramentas do desenvolvedor do Chrome registre erros de imagem 404?

O console do Chrome Developer Tools registra um erro toda vez que um recurso de página (incluindo uma imagem) não é encontrado (isto é, retorna 404).

Em meu trabalho, muitas vezes estou trabalhando em sites em que imagens são fornecidas por terceiros e podem não estar disponíveis durante o desenvolvimento. Ter cada imagem ausente exibida como um erro no console faz com que outros erros mais importantes (por exemplo, erros de JavaScript) sejam mais difíceis de serem notados.

Existe uma configuração que impede o console de registrar imagens não encontradas como erros?

Ou existe alguma maneira de filtrar as mensagens do console pelo mesmo tipo de critério para o qual você pode filtrar as solicitações na guia Rede?

(Consulte, por exemplo, http://chromium.googlecode.com/issues/attachment?aid=1337330000000&name=Screenshot-Google%2B+-+Google+Chrome.png&token=1F05er8uKjAQEEBrUITFjsIGJ2A%3A1358867878658&inline=1 )

O trabalho foi “iniciado” pela equipe do Chromium: https://code.google.com/p/chromium/issues/detail?id=96212

Atualização: a solicitação de recurso foi encerrada em 18 de março de 2013. Não sei ao certo em qual versão do Chrome este recurso apareceu pela primeira vez, mas posso confirmar as opções de filtragem do console no meu Chrome v33.0.1750.152 (Linux).

Atualização 2: Atualmente, quando um filtro (texto simples ou expressão regular) é inserido, ele é testado em relação ao texto da mensagem (por exemplo, GET http://example.com/foobar 404 (Not Found) ), bem como o texto do texto link do lado direito (por exemplo, test.html:65 ). (Eu arquivei um problema com o Chromium para acompanhar isso.)

Como solução alternativa, use um filtro de expressão regular como:

^(?!.* 404 \(Not Found\))(?!.*[file name])

onde [file name] é o nome do arquivo no link do lado direito.

Por exemplo, se minha página for test.html , então ^(?!.* 404 \(Not Found\))(?!.*test\.html) funcionará.

Nota: Isso também filtrará as mensagens que tiverem o nome do arquivo no texto da mensagem. Eu não tenho certeza se há uma maneira de contornar isso por enquanto.

Nas ferramentas do desenvolvedor do Google Chrome, se você clicar na engrenagem no canto superior direito e, em seguida, rolar para baixo, na seção do console, há uma “Ocultar configuração de mensagens da rede”.

Atualização: agora está na guia “Console”. Clique em “Filtro” e ele estará na linha de filtro como uma checkbox de seleção ( @elado ) .

Como resposta alternativa, você pode executar um pouco de javascript para alterar o atributo src das imagens ofensivas quando estiver no seu servidor de desenvolvimento (apenas certifique-se de não publicá-lo em seu ambiente de produção!).

Se você não quer realmente adicionar javascript à página (compreensivelmente) você provavelmente poderia executar o script no carregamento da página através de um plugin chrome (talvez o clone chrome greasemonkey – tampermonkey).

Obrigado pelo feedback, especialmente para que isso funcione, ele precisará estar dentro de um evento depois que o dom estiver pronto e antes que as imagens sejam carregadas.

Outra alternativa é definir o filtro como “Registros”.

impressão

Seria melhor colocar uma imagem 404 no servidor e verificar no lado do servidor se o arquivo existe se não exibir a imagem 404 padrão.

Saudações

Em seu aplicativo, em sua instrução ‘catch’ … registre a exceção em ‘console.warn’ .. saiba que funciona com o firebug. No Firebug, você pode encontrar esses ‘erros’ na guia ‘avisos’. Eu gostaria de pensar que o mesmo pode ser verdade para as ferramentas de desenvolvedor do Google Chrome.

Na verdade, fiz algo parecido dia atrás .. meu aplicativo iria parar em algum erro, então eu usei o bloco ‘try’ e ‘catch’. Minha captura parece: catch (e) {console.warn (e); }