OSX Safari not showing textures

website

(Naam) #1

Anyone here know what to do when Safari on OSX stops showing textures on any model? It's been doing this for a day or two now. Firefox on the same OSX works fine.

Vertex colors work fine, meshes show up lit and shadeless, it's just that the texture is always missing now!


(Naam) #2

Alright – seems it's uBlock Origin. Even with all options disabled, just having it sit there, not doing anything, in my button bar, blocks Sketchfab from showing any textures on anything. Weird.


#3

Hmm, can you post the Network response tab and JaveScript console tab of the developer tools during the model load? Sounds like it's blocking the texture downloads for some reason?


(Naam) #4

Using this model page.

Not sure how I can post the network response tab, it doesn't let itself be copied easily. I could do a multipart screengrab but I'm not even sure if I'm on the tab/spreadsheet you need, really : ), I see no errors crop up at first glance.

I did see in the resources tab that there's a few images loaded that definitely look like they're the textures belonging to the model (this and this, among others). That would mean Safari can find the images but somehow uBlock is preventing them from being applied?

Javascript console below (all messages).

Ng — 1144360056.js:413:338Active - 3770560007: [Landing page] Maya
Ng — 1144360056.js:413:338Active - 3775450915: [Homepage] Desktop without distractions
Ng — 1144360056.js:413:338Active - 8286172428: [Animation page] Add signup buttons
Ng — 1144360056.js:413:338Active - 8302244367: [Landing page] [Mobile] 3ds Max ads, no distractions
Ng — 1144360056.js:413:338Active - 6289601049: [ME] [Homepage] Mobile with info bullets
Ng — 1144360056.js:413:338Active - 8306190106: [Landing page] [Mobile] Substance ads, no distractions
Ng — 1144360056.js:413:338Active - 8301270566: [Landing page] 3DTotal 3D ads, no distractions
Ng — 1144360056.js:413:338Active - 8349180459: [Landing page] Reddit Ads, no distractions
Ng — 1144360056.js:413:338Active - 8284754607: [Landing page] Artstation 3D ads, no distractions
Ng — 1144360056.js:413:338Active - 8329304114: [Landing page] 80lv 3D ads, no distractions
Ng — 1144360056.js:413:338Active - 8302310588: [Landing page] [Desktop] Blender ads, no distractions
Ng — 1144360056.js:413:338Active - 8302371529: [Landing page] [Desktop] Substance ads, no distractions
Ng — 1144360056.js:413:338Active - 8296526028: [Landing page] [Mobile] Cinema 4D ads, no distractions
Ng — 1144360056.js:413:338Active - 8160832978: [Landing page] Artstation PRO, no distractions
Ng — 1144360056.js:413:338Active - 5831822676: [Onboarding 3] Make content cards smaller
Ng — 1144360056.js:413:338Active - 8294409562: [Landing page] [Desktop] Cinema 4D ads, no distractions
Ng — 1144360056.js:413:338Active - 8293023962: [Landing page] [Desktop] 3ds Max ads, no distractions
Ng — 1144360056.js:413:338Active - 8302228473: [Landing page] [Mobile] Blender ads, no distractions
Ng — 1144360056.js:413:338Active - 8291777130: [Landing page] Yeggi 3D ads, no distractions
Ng — 1144360056.js:413:338Active - 5163812085: [Landing page] Virtual Reality
Ng — 1144360056.js:413:338Active - 6504991737: [Referral page] Header image with 3 steps
standaloneViewer-2ed4f45760c631b833fa.js:1:983you are using a deprecated api, please update to the new one, read mode xxxx
osgjs.metric:ReaderParser.parseSceneGraph: 29.156ms
showMessage — viewer-82b1a37acd4847fe5c4d.js:51:316384processModelJSON : 1.40ms

Download file.osgjs.gz (Async)
| createAndInitFeatures : 101.40ms
Download file.osgjs.gz (Async) : 279.20ms

JSONparse file.osgjs.gz : 6.90ms

parseSceneGraph file.osgjs.gz (Async) : 47.20ms

DownloadAndLoadBuffer file.osgjs.gz (Async) : 317.30ms

initSceneGraph - create saved materials : 36.80ms

initSceneGraph - processSceneGraph : 4.30ms

initSceneGraph - apply materials : 14.20ms

optimizer
| optimizer - materials : 1.30ms
| optimizer - nodes : 11.80ms
| Geometry count : before 3, after 3
| Material count : before 5, after 5
optimizer : 14.40ms

InitGraphAnimation : 6.60ms

featureFinished
| compute KdTree : 8.10ms
| drawFirstFrame : 2056.00ms
| drawSecondFrame : 52.80ms
featureFinished : 2169.20ms

Bound center : [ 4.330698237249962, 0, 32.22426934063594 ]
Bound radius : 69.9867038078399
Bbox min : [ -35.49482345581055, -39.32135772705078, -9.798312187194824 ]
Bbox max : [ 44.15621993031047, 39.32135772705078, 74.24685086846671 ]

showMessage — viewer-82b1a37acd4847fe5c4d.js:51:316384optimizer - wireframe : 0.60ms

https://d1jlf623bx36qa.cloudfront.net/static/builds/web/dist/website-58a6f0e4876354f1608a4df385aed8d4.css.mapFailed to load resource: the server responded with a status of 403 (HTTP/2.0 403)
https://d1jlf623bx36qa.cloudfront.net/static/builds/web/dist/commons-8bd47366a01942fc89fb.js.mapFailed to load resource: the server responded with a status of 403 (HTTP/2.0 403)
https://d1jlf623bx36qa.cloudfront.net/static/builds/web/dist/website-commons-83c92ab7ae890180bc0d.js.mapFailed to load resource: the server responded with a status of 403 (HTTP/2.0 403)
https://d1jlf623bx36qa.cloudfront.net/static/builds/web/dist/viewer-82b1a37acd4847fe5c4d.js.mapFailed to load resource: the server responded with a status of 403 (HTTP/2.0 403)
https://d1jlf623bx36qa.cloudfront.net/static/builds/web/dist/6-952c181953d4ad8cb21a.js.mapFailed to load resource: the server responded with a status of 403 (HTTP/2.0 403)
https://d1jlf623bx36qa.cloudfront.net/static/builds/web/dist/9-347891fbe25cd4555947.js.mapFailed to load resource: the server responded with a status of 403 (HTTP/2.0 403)
https://d1jlf623bx36qa.cloudfront.net/static/builds/web/dist/model-40719f34b81ffb0a68c4.js.mapFailed to load resource: the server responded with a status of 403 (HTTP/2.0 403)
https://d1jlf623bx36qa.cloudfront.net/static/builds/web/dist/standaloneViewer-2ed4f45760c631b833fa.js.mapFailed to load resource: the server responded with a status of 403 (HTTP/2.0 403)
https://d1jlf623bx36qa.cloudfront.net/static/builds/web/dist/10-ba333233e2d3b47cd73a.js.mapFailed to load resource: the server responded with a status of 403 (HTTP/2.0 403)
Selected Element

= $1
Ng — 1144360056.js:413:338Active - 3770560007: [Landing page] Maya
Ng — 1144360056.js:413:338Active - 3775450915: [Homepage] Desktop without distractions
Ng — 1144360056.js:413:338Active - 8286172428: [Animation page] Add signup buttons
Ng — 1144360056.js:413:338Active - 8302244367: [Landing page] [Mobile] 3ds Max ads, no distractions
Ng — 1144360056.js:413:338Active - 6289601049: [ME] [Homepage] Mobile with info bullets
Ng — 1144360056.js:413:338Active - 8306190106: [Landing page] [Mobile] Substance ads, no distractions
Ng — 1144360056.js:413:338Active - 8301270566: [Landing page] 3DTotal 3D ads, no distractions
Ng — 1144360056.js:413:338Active - 8349180459: [Landing page] Reddit Ads, no distractions
Ng — 1144360056.js:413:338Active - 8284754607: [Landing page] Artstation 3D ads, no distractions
Ng — 1144360056.js:413:338Active - 8329304114: [Landing page] 80lv 3D ads, no distractions
Ng — 1144360056.js:413:338Active - 8302310588: [Landing page] [Desktop] Blender ads, no distractions
Ng — 1144360056.js:413:338Active - 8302371529: [Landing page] [Desktop] Substance ads, no distractions
Ng — 1144360056.js:413:338Active - 8296526028: [Landing page] [Mobile] Cinema 4D ads, no distractions
Ng — 1144360056.js:413:338Active - 8160832978: [Landing page] Artstation PRO, no distractions
Ng — 1144360056.js:413:338Active - 5831822676: [Onboarding 3] Make content cards smaller
Ng — 1144360056.js:413:338Active - 8294409562: [Landing page] [Desktop] Cinema 4D ads, no distractions
Ng — 1144360056.js:413:338Active - 8293023962: [Landing page] [Desktop] 3ds Max ads, no distractions
Ng — 1144360056.js:413:338Active - 8302228473: [Landing page] [Mobile] Blender ads, no distractions
Ng — 1144360056.js:413:338Active - 8291777130: [Landing page] Yeggi 3D ads, no distractions
Ng — 1144360056.js:413:338Active - 5163812085: [Landing page] Virtual Reality
Ng — 1144360056.js:413:338Active - 6504991737: [Referral page] Header image with 3 steps
standaloneViewer-2ed4f45760c631b833fa.js:1:983you are using a deprecated api, please update to the new one, read mode xxxx
osgjs.metric:ReaderParser.parseSceneGraph: 43.236ms
https://d1jlf623bx36qa.cloudfront.net/static/builds/web/dist/website-58a6f0e4876354f1608a4df385aed8d4.css.mapFailed to load resource: the server responded with a status of 403 (HTTP/2.0 403)
https://d1jlf623bx36qa.cloudfront.net/static/builds/web/dist/commons-8bd47366a01942fc89fb.js.mapFailed to load resource: the server responded with a status of 403 (HTTP/2.0 403)
https://d1jlf623bx36qa.cloudfront.net/static/builds/web/dist/website-commons-83c92ab7ae890180bc0d.js.mapFailed to load resource: the server responded with a status of 403 (HTTP/2.0 403)
https://d1jlf623bx36qa.cloudfront.net/static/builds/web/dist/standaloneViewer-2ed4f45760c631b833fa.js.mapFailed to load resource: the server responded with a status of 403 (HTTP/2.0 403)
https://d1jlf623bx36qa.cloudfront.net/static/builds/web/dist/viewer-82b1a37acd4847fe5c4d.js.mapFailed to load resource: the server responded with a status of 403 (HTTP/2.0 403)
https://d1jlf623bx36qa.cloudfront.net/static/builds/web/dist/model-40719f34b81ffb0a68c4.js.mapFailed to load resource: the server responded with a status of 403 (HTTP/2.0 403)
https://d1jlf623bx36qa.cloudfront.net/static/builds/web/dist/6-952c181953d4ad8cb21a.js.mapFailed to load resource: the server responded with a status of 403 (HTTP/2.0 403)
showMessage — viewer-82b1a37acd4847fe5c4d.js:51:316384processModelJSON : 2.20ms

Download file.osgjs.gz (Async)
| createAndInitFeatures : 93.30ms
Download file.osgjs.gz (Async) : 346.80ms

JSONparse file.osgjs.gz : 5.90ms

parseSceneGraph file.osgjs.gz (Async) : 102.70ms

DownloadAndLoadBuffer file.osgjs.gz (Async) : 207.50ms

initSceneGraph - create saved materials : 30.70ms

initSceneGraph - processSceneGraph : 4.70ms

initSceneGraph - apply materials : 14.80ms

optimizer
| optimizer - materials : 1.50ms
| optimizer - nodes : 14.70ms
| Geometry count : before 3, after 3
| Material count : before 5, after 5
optimizer : 17.90ms

InitGraphAnimation : 9.30ms

featureFinished
| compute KdTree : 13.10ms
| drawFirstFrame : 1005.00ms
| drawSecondFrame : 72.20ms
featureFinished : 1164.90ms

Bound center : [ 4.330698237249962, 0, 32.22426934063594 ]
Bound radius : 69.9867038078399
Bbox min : [ -35.49482345581055, -39.32135772705078, -9.798312187194824 ]
Bbox max : [ 44.15621993031047, 39.32135772705078, 74.24685086846671 ]

showMessage — viewer-82b1a37acd4847fe5c4d.js:51:316384Texture packing FBO Count : 1
optimizer - wireframe : 0.90ms

https://d1jlf623bx36qa.cloudfront.net/static/builds/web/dist/9-347891fbe25cd4555947.js.mapFailed to load resource: the server responded with a status of 403 (HTTP/2.0 403)
https://d1jlf623bx36qa.cloudfront.net/static/builds/web/dist/10-ba333233e2d3b47cd73a.js.mapFailed to load resource: the server responded with a status of 403 (HTTP/2.0 403)
Ng — 1144360056.js:413:338Active - 3770560007: [Landing page] Maya
Ng — 1144360056.js:413:338Active - 3775450915: [Homepage] Desktop without distractions
Ng — 1144360056.js:413:338Active - 8286172428: [Animation page] Add signup buttons
Ng — 1144360056.js:413:338Active - 8302244367: [Landing page] [Mobile] 3ds Max ads, no distractions
Ng — 1144360056.js:413:338Active - 6289601049: [ME] [Homepage] Mobile with info bullets
Ng — 1144360056.js:413:338Active - 8306190106: [Landing page] [Mobile] Substance ads, no distractions
Ng — 1144360056.js:413:338Active - 8301270566: [Landing page] 3DTotal 3D ads, no distractions
Ng — 1144360056.js:413:338Active - 8349180459: [Landing page] Reddit Ads, no distractions
Ng — 1144360056.js:413:338Active - 8284754607: [Landing page] Artstation 3D ads, no distractions
Ng — 1144360056.js:413:338Active - 8329304114: [Landing page] 80lv 3D ads, no distractions
Ng — 1144360056.js:413:338Active - 8302310588: [Landing page] [Desktop] Blender ads, no distractions
Ng — 1144360056.js:413:338Active - 8302371529: [Landing page] [Desktop] Substance ads, no distractions
Ng — 1144360056.js:413:338Active - 8296526028: [Landing page] [Mobile] Cinema 4D ads, no distractions
Ng — 1144360056.js:413:338Active - 8160832978: [Landing page] Artstation PRO, no distractions
Ng — 1144360056.js:413:338Active - 5831822676: [Onboarding 3] Make content cards smaller
Ng — 1144360056.js:413:338Active - 8294409562: [Landing page] [Desktop] Cinema 4D ads, no distractions
Ng — 1144360056.js:413:338Active - 8293023962: [Landing page] [Desktop] 3ds Max ads, no distractions
Ng — 1144360056.js:413:338Active - 8302228473: [Landing page] [Mobile] Blender ads, no distractions
Ng — 1144360056.js:413:338Active - 8291777130: [Landing page] Yeggi 3D ads, no distractions
Ng — 1144360056.js:413:338Active - 5163812085: [Landing page] Virtual Reality
Ng — 1144360056.js:413:338Active - 6504991737: [Referral page] Header image with 3 steps
https://d1jlf623bx36qa.cloudfront.net/static/builds/web/dist/website-58a6f0e4876354f1608a4df385aed8d4.css.mapFailed to load resource: the server responded with a status of 403 (HTTP/2.0 403)
https://d1jlf623bx36qa.cloudfront.net/static/builds/web/dist/commons-8bd47366a01942fc89fb.js.mapFailed to load resource: the server responded with a status of 403 (HTTP/2.0 403)
https://d1jlf623bx36qa.cloudfront.net/static/builds/web/dist/website-commons-83c92ab7ae890180bc0d.js.mapFailed to load resource: the server responded with a status of 403 (HTTP/2.0 403)
https://d1jlf623bx36qa.cloudfront.net/static/builds/web/dist/viewer-82b1a37acd4847fe5c4d.js.mapFailed to load resource: the server responded with a status of 403 (HTTP/2.0 403)
https://d1jlf623bx36qa.cloudfront.net/static/builds/web/dist/standaloneViewer-2ed4f45760c631b833fa.js.mapFailed to load resource: the server responded with a status of 403 (HTTP/2.0 403)
standaloneViewer-2ed4f45760c631b833fa.js:1:983you are using a deprecated api, please update to the new one, read mode xxxx
osgjs.metric:ReaderParser.parseSceneGraph: 40.016ms
https://d1jlf623bx36qa.cloudfront.net/static/builds/web/dist/model-40719f34b81ffb0a68c4.js.mapFailed to load resource: the server responded with a status of 403 (HTTP/2.0 403)
showMessage — viewer-82b1a37acd4847fe5c4d.js:51:316384processModelJSON : 0.90ms

Download file.osgjs.gz (Async)
| createAndInitFeatures : 66.90ms
Download file.osgjs.gz (Async) : 124.30ms

JSONparse file.osgjs.gz : 6.20ms

parseSceneGraph file.osgjs.gz (Async) : 69.70ms

DownloadAndLoadBuffer file.osgjs.gz (Async) : 229.20ms

initSceneGraph - create saved materials : 35.80ms

initSceneGraph - processSceneGraph : 4.20ms

initSceneGraph - apply materials : 12.40ms

optimizer
| optimizer - materials : 0.90ms
| optimizer - nodes : 13.20ms
| Geometry count : before 3, after 3
| Material count : before 5, after 5
optimizer : 17.30ms

InitGraphAnimation : 11.10ms

featureFinished
| compute KdTree : 11.60ms
| drawFirstFrame : 879.90ms
| drawSecondFrame : 61.60ms
featureFinished : 1019.70ms

Bound center : [ 4.330698237249962, 0, 32.22426934063594 ]
Bound radius : 69.9867038078399
Bbox min : [ -35.49482345581055, -39.32135772705078, -9.798312187194824 ]
Bbox max : [ 44.15621993031047, 39.32135772705078, 74.24685086846671 ]

https://d1jlf623bx36qa.cloudfront.net/static/builds/web/dist/6-952c181953d4ad8cb21a.js.mapFailed to load resource: the server responded with a status of 403 (HTTP/2.0 403)
showMessage — viewer-82b1a37acd4847fe5c4d.js:51:316384Texture packing FBO Count : 1
optimizer - wireframe : 0.80ms

https://d1jlf623bx36qa.cloudfront.net/static/builds/web/dist/9-347891fbe25cd4555947.js.mapFailed to load resource: the server responded with a status of 403 (HTTP/2.0 403)
https://d1jlf623bx36qa.cloudfront.net/static/builds/web/dist/10-ba333233e2d3b47cd73a.js.mapFailed to load resource: the server responded with a status of 403 (HTTP/2.0 403)


#5

I reproduced this, but I really don't understand why the textures silently fail to load even when ublock is disabled for sketchfab.com. Even with it enabled, the texture requests are not the requests it blocks.

Thanks for the console log, but I'm afraid there's nothing useful there. The 403s on .css.map files and .js.map files are specific to Safari and can be ignored.

@stephomi any idea why ublock would prevent the textures from being loaded, even when the extension is disabled and the texture requests are clearly not blocked?


(Stephomi) #6

I'm using uBlock origin as well.

It's weird, the first time I opened the model above, some textures failed to download.
Then I refreshed and it works fine. I can't reproduce the issue anymore.
Is it consisten for you?

I don't know, maybe if you try to load a texture previously blocked, the request is somehow cached.


(Naam) #7

For me, it is, yes. Also for models I have never viewed before. Refresh doesn't help. The textures show up in the resources (so they're downloaded ok) but are never applied. All I see is models in single tints – seems each textured mesh in the model has a different opaque tint. No normal/spec maps or texture, just tint. Samples attached (first with uBlock disabled in the pref pane, then with it enabled as an extentsion, but with all options disabled)


(Stephomi) #8

They are overriding the window.Image function.... grrr.

Basically, it's totally their fault but we have an ugly workaround.
Looks like uBlock is abandoned, so we are stuck with this bug, a bug report on uBlock origin can make sense though.

(note that it's only the safari version of ublock and ublock origin that have the issues)