搜尋 Mozilla 技術支援網站

防止技術支援詐騙。我們絕對不會要求您撥打電話或發送簡訊,或是提供個人資訊。請用「回報濫用」功能回報可疑的行為。

了解更多

Firefox on Windows 10 doesn't show portfolio photos, where other browsers show them

  • 5 回覆
  • 1 有這個問題
  • 6 次檢視
  • 最近回覆由 cor-el

more options

on our website https://www.vincentengel.de/ Firefox doesn't show the portfolio photos on Windows 10 pc or laptop. With Android mobile I can see the photos. I switched of all my extensions, deleted the cache and restarted Firefox, but it still doesn't work right.

on our website https://www.vincentengel.de/ Firefox doesn't show the portfolio photos on Windows 10 pc or laptop. With Android mobile I can see the photos. I switched of all my extensions, deleted the cache and restarted Firefox, but it still doesn't work right.
附加的畫面擷圖

所有回覆 (5)

more options

Make sure you are not blocking content.

Start Firefox in Safe Mode {web link}

A small dialog should appear. Click Start In Safe Mode (not Refresh). Is the problem still there?


https://support.mozilla.org/en-US/kb/enhanced-tracking-protection-firefox-desktop

more options

I started as you suggested, but in safe mode is no difference.

more options

You have a https site, but a lot of resources is sent by a http protocol. These are blocked by default in FIrefox.

Also your domain is https://www.vincentengel.de/ but you take fonts from https://vincentengel.de . It's against the Same Origin Policy and also is blocked in Firefox.

more options

TyDraniu said

You have a https site, but a lot of resources is sent by a http protocol. These are blocked by default in FIrefox.

Hmm, I didn't know that an image is not always an image. With default settings, the insecure PNGs are loaded as tolerable mixed display content, but the JPGs are not loaded on the grounds they are mixed active content.

This seems to be caused by the srcset attribute. Since Firefox 36, image tags with srcset are treated as active content, while image tags without the srcset attribute are treated as display content. Strange, but apparently not done on a whim:

Mixed content is optionally-blockable when the risk of allowing its usage as mixed content is outweighed by the risk of breaking significant portions of the web. ... This category includes:
  • Requests whose initiator is the empty string, and whose destination is "image". Note: This corresponds to most images loaded via <img> (including SVG documents loaded as images, as those are blocked from executing script or fetching subresources) and CSS (background-image, border-image, etc). It does not include <img> elements that use srcset or picture.
Reference: https://w3c.github.io/webappsec-mixed-content/#optionally-blockable-mixed-content
more options

I can make the images load with this JavaScript code in the Web Console.

The JavaScript that resizes the page doesn't always seem to work properly with the result that nothing is shown.


e=document.querySelectorAll("img[srcset]");
for(i=0;E=e[i];i++){E.srcset=E.srcset.replace(/http:/g,"https:")}