Ce site est optimisé pour être consulté depuis un navigateur moderne dans lequel JavaScript est activé.

Dark reader filtre les images sous Firefox (effet de bord)

abecidofugy

Salut,

Sous Firefox, j‘ai une pelletée de modules installés, au contraire de Chrome/Chromium. Du coup, ce genre de site : https://printcorpgroup.com/ ne s’affiche pas correctement : par exemple, l’image en haut, en home, ne s’affiche pas, au contraire des autres navigateurs que je n’ai pas autant personnalisé avec des modules.

Voici pourtant le code, récupéré sous Chromium :

<div class="et_pb_module et_pb_fullwidth_slider_0 et_pb_slider et_pb_slider_no_arrows et_pb_slider_no_pagination et_slider_auto et_slider_speed_3500 et_slider_auto_ignore_hover et_slide_transition_to_next et_pb_bg_layout_dark">
  <div class="et_pb_slides">
    <div class="et_pb_slide et_pb_slide_0 et_pb_bg_layout_dark et_pb_media_alignment_center et-pb-active-slide" style="z-index: 1; display: block; opacity: 1;">
      <div class="et_pb_container clearfix" style="height: 741px;">
        <div class="et_pb_slider_container_inner">
          <div class="et_pb_slide_description">
            <div class="et_pb_slide_content"><img class="wp-image-21873 aligncenter size-full" src="https://printcorpgroup.com/wp-content/uploads/2018/10/PrintCorpGroup_Arts_Graphiques.png" alt="" width="362" height="441"></div>
          </div>
          <!-- .et_pb_slide_description --> 
        </div>
      </div>
      <!-- .et_pb_container --> 
      
    </div>
    <!-- .et_pb_slide -->
    <div class="et_pb_slide et_pb_slide_1 et_pb_bg_layout_dark et_pb_media_alignment_center et-pb-moved-slide" style="z-index: 2; display: none; opacity: 0;">
      <div class="et_pb_container clearfix" style="height: 741px;">
        <div class="et_pb_slider_container_inner">
          <div class="et_pb_slide_description">
            <div class="et_pb_slide_content"><img class="wp-image-21873 aligncenter size-full" src="https://printcorpgroup.com/wp-content/uploads/2018/10/PrintCorpGroup_Arts_Graphiques.png" alt="" width="362" height="441"></div>
          </div>
          <!-- .et_pb_slide_description --> 
        </div>
      </div>
      <!-- .et_pb_container --> 
      
    </div>
    <!-- .et_pb_slide --> 
    
  </div>
  <!-- .et_pb_slides --> 
  
</div>

Je ne comprends pas pourquoi l’élément est filtré par Firefox (latest, 64 bits bien sûr).

J’ai tenté de désactivé la protection contre le filtrage (!) mais aussi Ublock Origin… (!).

Une idée de comment résoudre de souci-là, alors que Firefox est mon navigateur par défaut ?

Merci.

metalux

Bonjour abecidofugy,

Je ne vois aucune différence entre chromium et firefox 76.0.1, et pourtant j'ai pas mal de modules complémentaires dont ublock origin également. As-tu essayé de vider le cache (ctrl+maj+R), et de démarrer avec les modules désactivés? Dans ce second cas, si tu as bien l'affichage de la page, procède en redémarrant avec un seul module à chaque fois jusqu'à éliminer le coupable.

lool_lauris

Salut,

Si le mode sans échec comme te l'a suggéré metalux, essaie de voir, pour tester, ce que ça donne avec un nouveau profil (sans supprimer l'ancien) :
Dans un terminal :

firefox -p

laisse-toi guider pour la création du profil puis démarre dessus.
Qu'est-ce que ça donne ?

abecidofugy

Merci les amis. Finalement j’ai suivi la méthode de désactiver les modules un à un, et faire un refresh sur le site, et j’ai constaté que c’était Dark Reader qui « filtrait » l’image. Je ne savais pas que ce module pouvait poser des problèmes aux images, je pensais qu’il ne s’attaquait qu’aux couleurs de fond des sites pour les rendre plus reposants pour les yeux.

Merci à vous deux.

//EDIT : je précise que j’avais déjà eu un problème avec cette extension (et je l’avais oublié) : https://forum.ubuntu-fr.org/viewtopic.php?id=2051793

//EDIT2 : parce que j’aime bien comprendre, je constate que les images du slideshow sont en n&b https://printcorpgroup.com/wp-content/uploads/2018/10/Princorpgroup_fabrication_livres.jpg mais colorisées via css très certainement (pas regardé le code en détail). Donc normal que Dark Reader les fitre (work as designed). Comme quoi, l’erreur est humaine (sur leur site cité).