Puis-je empêcher la console Chrome Developer Tools de consigner les erreurs d'image 404?
La console Chrome Developer Tools enregistre une erreur chaque fois qu'un élément de page (y compris une image) n'est pas trouvé (c'est-à-dire renvoie 404).
Dans mon travail, je travaille souvent sur des sites où les images sont fournies par des tiers et peuvent ne pas être disponibles pendant le développement. Le fait que chaque image manquante apparaisse comme une erreur dans la console rend les autres erreurs plus importantes (par exemple les erreurs JavaScript) plus difficiles à remarquer.
Existe-t-il un paramètre qui empêche la console de consigner les images non trouvées en tant qu'erreurs?
Ou existe-t-il un moyen de filtrer les messages de la console selon le même type de critères que ceux que vous pouvez filtrer dans l'onglet Réseau?
Les travaux ont "commencé" à ce sujet par l'équipe Chromium: https://code.google.com/p/chromium/issues/detail?id=96212
Mise à jour: La demande de fonctionnalité a été clôturée le 18 mars 2013. Je ne sais pas dans quelle version de Chrome cette fonctionnalité est apparue pour la première fois, mais je peux confirmer les options de filtrage de la console dans mon Chrome v33.0.1750.152 (Linux).
Mise à jour 2: Actuellement, lorsqu'un filtre (texte brut ou expression régulière) est entré, il est testé par rapport au texte du message (par exemple GET http://example.com/foobar 404 (Not Found)) ainsi que le texte du lien de droite (par exemple test.html:65). (J'ai déposé un problème avec Chromium pour suivre cela.)
Pour contourner ce problème, utilisez un filtre d'expressions régulières comme:
^(?!.* 404 \(Not Found\))(?!.*[file name])
où [file name] est le nom de fichier du lien de droite.
Par exemple, si ma page est test.html, Alors ^(?!.* 404 \(Not Found\))(?!.*test\.html) fonctionnera.
Remarque: cela filtrera également les messages qui ont le nom de fichier dans le texte du message. Je ne suis pas sûr qu'il existe un moyen de contourner cela pour l'instant.
Mise à jour (2019-06-05): Cette expression filtrera 404s dans ma version actuelle de Chrome (75.0 .3770.80):
-/404\s\(Not\sFound\)$/
Il semble que le filtrage divise d'abord la chaîne de filtrage par des espaces avant de traiter chaque jeton, mais il fractionnera également les espaces à l'intérieur d'une expression régulière, donc les \s Sont nécessaires.
Techniquement, cela filtrera tout message se terminant par la chaîne (insensible à la casse) "404 (Not Found)", y compris les messages console.log.
Dans les outils de développement chrome chrome, si vous cliquez sur l'engrenage en haut à droite, puis faites défiler vers le bas, dans la section console, il y a un "Masquer les paramètres des messages réseau".
Mise à jour: Il est maintenant sous l'onglet "Console". Cliquez sur "Filtre" et il sera sur la ligne de filtre comme une case à cocher ( @ elado ).
Comme alternative, vous pouvez exécuter un peu de javascript pour modifier l'attribut src des images incriminées sur votre serveur de développement (assurez-vous simplement de ne pas le publier dans votre environnement de production!).
Si vous ne voulez pas réellement ajouter du javascript à la page (c'est compréhensible), vous pouvez probablement exécuter le script lors du chargement de la page via un plugin chrome (peut-être le greasemonkey = chrome clone - tampermonkey).
n.b. Merci pour les commentaires, notamment pour que cela fonctionne, il faudra que ce soit dans un événement une fois le dom prêt et avant le chargement des images.