webcompat / web-bugs

A place to report bugs on websites.
https://webcompat.com
Mozilla Public License 2.0
742 stars 65 forks source link

www.pocketmagic.net - see bug description #2124

Closed webcompat-bot closed 8 years ago

webcompat-bot commented 8 years ago

URL: http://www.pocketmagic.net/high-voltage-power-supply-140kv/ Browser / Version: Firefox Mobile 46.0 Operating System: Android 5.0.2 Problem type: Something else - I'll add details below

Steps to Reproduce 1) Navigate to: http://www.pocketmagic.net/high-voltage-power-supply-140kv/ 2) Some Images are not visible.

Expected Behavior:

Actual Behavior:

karlcow commented 8 years ago

With a clean profile on Firefox Desktop a small viewport and Firefox UA, I can't confirm the behavior. I tested on Blink/Opera with a small viewport and the images didn't load. So it seems it really depends on a combination of sizes/viewport and something.

capture d ecran 2016-01-26 a 09 52 06

Looking at the source code, Images are defined with a responsive code:

<img src="http://www.pocketmagic.net/wp-content/uploads/2011/03/140KV-GlassMan-multiplier-1-300x225.jpg" 
     alt="140KV GlassMan multiplier 1" 
     class="alignnone size-medium wp-image-1955" 
     srcset="http://www.pocketmagic.net/wp-content/uploads/2011/03/140KV-GlassMan-multiplier-1-300x225.jpg 300w, 
                  http://www.pocketmagic.net/wp-content/uploads/2011/03/140KV-GlassMan-multiplier-1-1024x768.jpg 1024w, 
                  http://www.pocketmagic.net/wp-content/uploads/2011/03/140KV-GlassMan-multiplier-1.jpg 1600w" 
      sizes="(max-width: 300px) 100vw, 300px" 
      height="225" width="300">

One of the images failing on Opera/Blink was

→ http HEAD http://www.pocketmagic.net/wp-content/uploads/2011/03/140KV-GlassMan-multiplier-1-1024x768.jpg

Let's try to get it manually.

HTTP/1.1 404 Not Found
Cache-Control: no-cache, must-revalidate, max-age=0
Connection: close
Content-Type: text/html; charset=UTF-8
Date: Tue, 26 Jan 2016 01:00:29 GMT
Expires: Wed, 11 Jan 1984 05:00:00 GMT
Link: <http://www.pocketmagic.net/wp-json/>; rel="https://api.w.org/"
Pragma: no-cache
Server: Apache/2.2.15
Set-Cookie: visid_incap_108382=Jw0ZSxNRSzyf/zotn00kBbjEplYAAAAAQUIPAAAAAABAUlW/OFIP/uKWZjnijADS; expires=Wed, 24 Jan 2018 16:40:05 GMT; path=/; Domain=.pocketmagic.net
Set-Cookie: incap_ses_407_108382=RHYSUyDAUHxgH788ffSlBS3FplYAAAAAghOnI5BPmoMKsaiz3quA4g==; path=/; Domain=.pocketmagic.net
X-CDN: Incapsula
X-Iinfo: 5-19741237-19741238 NNNY CT(170 -1 0) RT(1453770028718 0) q(0 0 1 0) r(7 7) U6
X-Powered-By: PHP/5.3.3

So it's failing when it reaches the right viewport size.

karlcow commented 8 years ago

Switching to needscontact.

karlcow commented 8 years ago

https://mobile.twitter.com/RaduMotisan is active on twitter. And he is also @radhoo on Github. Maybe he can help us on fixing this issue and make sure the images exist on the server. That will help plenty of users on mobile devices. :)

Switching to sitewait.

karlcow commented 8 years ago

OK we attempted a contact 7 months ago. I double checked today. The problem persists. The site also fails in other browsers the same way.

Let's close it as invalid with regards to Web Compatibility. To note that the blog post is from 2011 and unlikely to be fixed. In Blink, you get things like 'webkitIndexedDB' is deprecated. Please use 'indexedDB' instead.

radhoo commented 8 years ago

Hello Karl,

Just got your message. What can I do to help?

karlcow commented 8 years ago

Hello @radhoo It seems that this Web page is missing some images which are defined in the srcset value. It will be triggered only for a certain viewports range.

                  http://www.pocketmagic.net/wp-content/uploads/2011/03/140KV-GlassMan-multiplier-1-1024x768.jpg 1024w, 
radhoo commented 8 years ago

That file doesn't exist on the server.

This one does: http://www.pocketmagic.net/wp-content/uploads/2011/03/140KV-GlassMan-multiplier-1.jpg

I will need to update the article page.

radhoo commented 8 years ago

The srcset was removed for the images, and the post thumbnail code was set to return the original image not variations (large/1024px, etc). Thanks for signalling this problem.

On Tue, Sep 13, 2016 at 3:17 PM, Radu Motisan radhoo.tech@gmail.com wrote:

That file doesn't exist on the server.

This one does: http://www.pocketmagic.net/wp-content/uploads/2011/03/140KV- GlassMan-multiplier-1.jpg

I will need to update the article page.

karlcow commented 8 years ago

@radhoo Thanks a lot. Appreciated.