Closed Bug 1514630 Opened 5 years ago Closed 4 years ago

spotifywrapped.com - WebGL errors once we fake UA to be chrome and bypass UA sniffing

Categories

(Core :: Graphics: CanvasWebGL, defect, P3)

Product:
Core
Component:
Graphics: CanvasWebGL
Version:
66 Branch
Platform:
Unspecified
Android
Type:
defect

Tracking

()

Status:
RESOLVED INVALID
Project Flags:
Webcompat Priority ?
Tracking Flags:
Tracking Status
firefox66 --- affected

People

(Reporter: karlcow, Unassigned)

References

(
URL
)

Details

(Whiteboard: [webcompat]) 

Spin off of https://webcompat.com/issues/22297


1. Navigating to https://spotifywrapped.com, the page is displayed correctly on Chrome or Edge, but redirects to the error page on Firefox.

This is where it breaks in Firefox. 

```js
Class(function Tests() {
    const BOTS = ["apis-google", "mediapartners-google", "adsbot-google", "googlebot"];
    this.unsupported = function() {
      for (let i = 0; i < BOTS.length; i++)
        if (Device.detect(BOTS[i])) return !1;
      return !Device.graphics.webgl || ("ie" === Device.system.browser && Device.system.browserVersion <= 11 || ("android" === Device.system.os && "chrome" !== Device.system.browser && !Device.detect(["fb", "facebook", "twitter"]) || !!Utils.query("unsupported")))
    }, this.invalidArtistLink = function() {
      return !(!Config.ARTIST || Config.ARTIST_ID || !Config.AE)
    }, this.getDPR = function() {
      return GPU.mobileLT(2) && "android" == Device.system.os ? Math.min(Device.pixelRatio, 1.3) : GPU.lt(0) ? Math.min(Device.pixelRatio, 1.3) : Math.max(1.25, Device.pixelRatio)
    }, this.nukeDPR = function() {
      return GPU.lt(0) ? 1 : Math.max(1, Device.pixelRatio)
    }
  },
```


2. Once we fake the UA to be chrome on Firefox Android, so we can get rid of the user agent sniffing,  we get WebGL error messages.



```
09:52:29.709 Navigated to https://spotifywrapped.com/
09:52:30.401 onmozfullscreenchange is deprecated. app.js:11:134200
09:52:30.401 onmozfullscreenerror is deprecated. app.js:11:134200
09:52:30.721 Navigated to https://spotifywrapped.com/unsupported
09:52:31.870 unreachable code after return statement[Learn More] js:87:1792
09:52:31.870 unreachable code after return statement[Learn More] js:147:462
09:52:31.870 unreachable code after return statement[Learn More] js:147:506
09:52:31.877 unreachable code after return statement[Learn More] js:147:462
09:52:31.916 unreachable code after return statement[Learn More] js:87:1792
09:52:31.920 unreachable code after return statement[Learn More] js:147:506
09:52:31.924 Request to access cookie or storage on “https://dpm.demdex.net/ibs:dpid=125310&dpuuid=27f49fd4-0c8c-4c75-a931-558479330065&redir=https%3A%2F%2Ft.myvisualiq.net%2Fsync%3Fprid%3DAOEPNR1%26ao%3D0%26pruuid%3D%24%7BDD_UUID%7D” was blocked because it came from a tracker and content blocking is enabled. unsupported
09:52:31.924 Request to access cookie or storage on “https://www.facebook.com/tr?id=1901136573502950&ev=PageView&cd[order_id]=27f49fd4-0c8c-4c75-a931-558479330065” was blocked because it came from a tracker and content blocking is enabled. unsupported
09:52:31.925 Request to access cookie or storage on “https://tapestry.tapad.com/tapestry/1?ta_partner_id=950&ta_redirect=https%3A%2F%2Ft.myvisualiq.net%2Fsync%3Fprid%3D1001%26ao%3D0%26pruuid%3DTAPAD_%24%7BIDS%3Akey%7D” was blocked because it came from a tracker and content blocking is enabled. unsupported
09:52:32.102 Request to access cookie or storage on “https://tags.bluekai.com/site/21398?id=27f49fd4-0c8c-4c75-a931-558479330065” was blocked because it came from a tracker and content blocking is enabled. unsupported
09:52:32.107 Request to access cookie or storage on “https://idsync.rlcdn.com/420356.gif?partner_uid=27f49fd4-0c8c-4c75-a931-558479330065” was blocked because it came from a tracker and content blocking is enabled. unsupported
09:52:33.759 Request to access cookie or storage on “https://idsync.rlcdn.com/466206.gif?partner_uid=8139b733-eea9-4535-bb35-bab962b5eb9c&pp=” was blocked because it came from a tracker and content blocking is enabled. unsupported
09:52:34.056 Request to access cookie or storage on “https://idsync.rlcdn.com/1000.gif?memo=CITUGRIwCiwIARDclAEaJDI3ZjQ5ZmQ0LTBjOGMtNGM3NS1hOTMxLTU1ODQ3OTMzMDA2NRAAGg0Iz-bb4AUSBQjoBxAAQgBKAA” was blocked because it came from a tracker and content blocking is enabled. unsupported
09:52:35.317 Request to access cookie or storage on “https://ib.adnxs.com/getuid?https%3A%2F%2Fidsync.rlcdn.com%2F52154.gif%3Fserved_by%3Devergreen%26partner_uid%3D%24UID” was blocked because it came from a tracker and content blocking is enabled. unsupported
09:52:35.396 Request to access cookie or storage on “https://www.facebook.com/tr/?id=1901136573502950&ev=PageView&dl=https%3A%2F%2Fspotifywrapped.com%2Funsupported&rl=https%3A%2F%2Fspotifywrapped.com%2F&if=false&ts=1545007954914&sw=360&sh=640&v=2.8.35&r=stable&ec=0&o=30&fbp=fb.1.1545007910623.1373555148&it=1545007953756&coo=false” was blocked because it came from a tracker and content blocking is enabled. unsupported
09:52:35.595 Request to access cookie or storage on “https://match.adsrvr.org/track/cmf/generic?ttd_pid=liveramp” was blocked because it came from a tracker and content blocking is enabled. unsupported
09:52:35.696 Request to access cookie or storage on “https://www.facebook.com/tr/?id=1901136573502950&ev=Microdata&dl=https%3A%2F%2Fspotifywrapped.com%2Funsupported&rl=https%3A%2F%2Fspotifywrapped.com%2F&if=false&ts=1545007955429&cd[Schema.org]=%5B%5D&cd[OpenGraph]=%7B%22og%3Atype%22%3A%22article%22%2C%22og%3Aurl%22%3A%22https%3A%2F%2Fspotifywrapped.com%2F%22%2C%22og%3Asite_name%22%3A%222018%20Wrapped%22%2C%22og%3Atitle%22%3A%22Your%202018%20Wrapped%22%2C%22og%3Adescription%22%3A%22Everyone%27s%20year%20sounded%20different%20on%20Spotify.%20Get%20your%202018%20Wrapped.%22%2C%22og%3Aimage%22%3A%22https%3A%2F%2Fstorage.googleapis.com%2Fspotify-2018%2Fuploads%2F1542843330495_2a6.png%22%7D&cd[Meta]=%7B%22title%22%3A%222018%20Wrapped%22%2C%22meta%3Adescription%22%3A%22Everyone%27s%20year%20sounded%20different%20on%20Spotify.%20Get%20your%202018%20Wrapped.%22%7D&cd[DataLayer]=%5B%5D&cd[JSON-LD]=%5B%5D&sw=360&sh=640&v=2.8.35&r=stable&ec=1&o=30&fbp=fb.1.1545007910623.1373555148&it=1545007953756&coo=false&es=automatic” was blocked because it came from a tracker and content blocking is enabled. unsupported
09:52:36.062 Request to access cookie or storage on “https://match.adsrvr.org/track/cmb/generic?ttd_pid=liveramp” was blocked because it came from a tracker and content blocking is enabled. unsupported
09:52:37.070 Request to access cookie or storage on “https://analytics.twitter.com/i/adsct?p_id=Twitter&p_user_id=0&txn_id=o0ihg&tw_sale_amount=0&tw_order_quantity=0&tw_iframe_status=0&tpx_cb=twttr.conversion.loadPixels&tw_document_href=https%3A%2F%2Fspotifywrapped.com%2Funsupported” was blocked because it came from a tracker and content blocking is enabled. unsupported
10:01:49.365 Navigated to https://spotifywrapped.com/unsupported
10:01:56.072 unreachable code after return statement[Learn More] js:87:1792
10:01:56.072 unreachable code after return statement[Learn More] js:147:462
10:01:56.072 unreachable code after return statement[Learn More] js:147:506
10:01:56.080 unreachable code after return statement[Learn More] js:147:462
10:01:56.241 unreachable code after return statement[Learn More] js:87:1792
10:01:56.268 unreachable code after return statement[Learn More] js:147:506
10:01:56.295 Request to access cookie or storage on “https://www.facebook.com/tr?id=1901136573502950&ev=PageView&cd[order_id]=27f49fd4-0c8c-4c75-a931-558479330065” was blocked because it came from a tracker and content blocking is enabled. unsupported
10:01:56.296 Request to access cookie or storage on “https://tapestry.tapad.com/tapestry/1?ta_partner_id=950&ta_redirect=https%3A%2F%2Ft.myvisualiq.net%2Fsync%3Fprid%3D1001%26ao%3D0%26pruuid%3DTAPAD_%24%7BIDS%3Akey%7D” was blocked because it came from a tracker and content blocking is enabled. unsupported
10:01:56.643 Request to access cookie or storage on “https://dpm.demdex.net/ibs:dpid=125310&dpuuid=27f49fd4-0c8c-4c75-a931-558479330065&redir=https%3A%2F%2Ft.myvisualiq.net%2Fsync%3Fprid%3DAOEPNR1%26ao%3D0%26pruuid%3D%24%7BDD_UUID%7D” was blocked because it came from a tracker and content blocking is enabled. unsupported
10:01:56.892 Request to access cookie or storage on “https://tags.bluekai.com/site/21398?id=27f49fd4-0c8c-4c75-a931-558479330065” was blocked because it came from a tracker and content blocking is enabled. unsupported
10:01:57.092 Request to access cookie or storage on “https://idsync.rlcdn.com/420356.gif?partner_uid=27f49fd4-0c8c-4c75-a931-558479330065” was blocked because it came from a tracker and content blocking is enabled. unsupported
10:01:57.123 Request to access cookie or storage on “https://idsync.rlcdn.com/466206.gif?partner_uid=8139b733-eea9-4535-bb35-bab962b5eb9c&pp=” was blocked because it came from a tracker and content blocking is enabled. unsupported
10:02:02.228 Navigated to https://spotifywrapped.com/
10:02:00.636 Loading failed for the <script> with source “https://www.google-analytics.com/analytics.js”. unsupported:1:1
10:02:02.071 Loading failed for the <script> with source “https://platform.twitter.com/oct.js”. unsupported:1:1
10:02:02.340 Loading failed for the <script> with source “https://connect.facebook.net/signals/config/1901136573502950?v=2.8.35&r=stable”. unsupported:1:1
10:02:06.038 onmozfullscreenchange is deprecated. app.js:11:134200
10:02:06.038 onmozfullscreenerror is deprecated. app.js:11:134200
10:02:06.204 Use of the motion sensor is deprecated. app.js:11:119582
10:02:06.205 Use of the orientation sensor is deprecated. app.js:11:119616
10:02:15.198 Navigated to https://spotifywrapped.com/ja/
10:02:10.328 TypeError: NetworkError when attempting to fetch resource.
10:02:13.507 Asset timed out assets/data/uil.json app.js:11:35175
10:02:13.642 TypeError: "NetworkError when attempting to fetch resource." app.js:11:34793
10:02:14.520 Asset timed out assets/shaders/compiled.vs app.js:11:35175
10:02:14.989 TypeError: "NetworkError when attempting to fetch resource." app.js:11:34793
10:02:18.414 onmozfullscreenchange is deprecated. app.js:11:134200
10:02:18.414 onmozfullscreenerror is deprecated. app.js:11:134200
10:02:18.591 Use of the motion sensor is deprecated. app.js:11:119582
10:02:18.592 Use of the orientation sensor is deprecated. app.js:11:119616
10:02:23.198 Error: WebGL warning: texImage2D: Alpha-premult and y-flip are deprecated for non-DOM-Element uploads. modules.js:1:55002
10:02:23.537 unreachable code after return statement[Learn More] js:87:1792
10:02:23.537 unreachable code after return statement[Learn More] js:147:462
10:02:23.537 unreachable code after return statement[Learn More] js:147:506
10:02:23.559 unreachable code after return statement[Learn More] js:147:462
10:02:23.642 unreachable code after return statement[Learn More] js:87:1792
10:02:23.660 unreachable code after return statement[Learn More] js:147:506
10:02:25.297
https://spotifywrapped.com/assets/images/icons/spotify-mask.jpg could not be decoded hydra-thread.js line 1 > eval:1:509
10:02:25.301 Error: WebGL warning: texImage2D: Alpha-premult and y-flip are deprecated for non-DOM-Element uploads. modules.js:1:55002
10:02:25.303 TypeError: Argument 6 is not valid for any of the 6-argument overloads of WebGL2RenderingContext.texImage2D. modules.js:1:58278
10:02:25.411 Error: WebGL warning: texImage2D: Alpha-premult and y-flip are deprecated for non-DOM-Element uploads. modules.js:1:55002
10:02:25.646
TypeError: Argument 6 is not valid for any of the 6-argument overloads of WebGL2RenderingContext.texImage2D. modules.js:1:58278

    upload https://spotifywrapped.com/assets/js/modules.js?1544991286145:1 draw https://spotifywrapped.com/assets/js/modules.js?1544991286145:1 draw https://spotifywrapped.com/assets/js/modules.js?1544991286145:1 draw https://spotifywrapped.com/assets/js/modules.js?1544991286145:1 render https://spotifywrapped.com/assets/js/modules.js?1544991286145:1 render https://spotifywrapped.com/assets/js/modules.js?1544991286145:1 loop https://spotifywrapped.com/assets/js/modules.js?1544991286145:1 loop https://spotifywrapped.com/assets/js/modules.js?1544991286145:1 finalRender https://spotifywrapped.com/assets/js/modules.js?1544991286145:1 render https://spotifywrapped.com/assets/js/modules.js?1544991286145:1 render https://spotifywrapped.com/assets/js/app.js?1544991286145:11 render https://spotifywrapped.com/assets/js/app.js?1544991286145:11 loop https://spotifywrapped.com/assets/js/app.js?1544991286145:11 render https://spotifywrapped.com/assets/js/app.js?1544991286145:11 

10:02:25.708
https://spotifywrapped.com/assets/images/icons/arrow-mask.jpg could not be decoded hydra-thread.js line 1 > eval:1:509
10:02:25.708
https://spotifywrapped.com/assets/images/_scenelayout/uv.jpg could not be decoded hydra-thread.js line 1 > eval:1:509
10:02:25.953
https://spotifywrapped.com/assets/images/icons/share-mask.jpg could not be decoded hydra-thread.js line 1 > eval:1:509
10:02:26.028
https://spotifywrapped.com/assets/images/icons/white.jpg could not be decoded hydra-thread.js line 1 > eval:1:509
10:02:26.028
https://spotifywrapped.com/assets/images/icons/close-mask.jpg could not be decoded hydra-thread.js line 1 > eval:1:509
10:02:26.028
https://spotifywrapped.com/assets/images/icons/fb-mask.jpg could not be decoded hydra-thread.js line 1 > eval:1:509
10:02:26.042
https://spotifywrapped.com/assets/images/icons/li-mask.jpg could not be decoded hydra-thread.js line 1 > eval:1:509
10:02:26.048
https://spotifywrapped.com/assets/images/icons/wa-mask.jpg could not be decoded hydra-thread.js line 1 > eval:1:509
10:02:26.053
https://spotifywrapped.com/assets/images/icons/in-mask.jpg could not be decoded hydra-thread.js line 1 > eval:1:509
10:02:26.059
https://spotifywrapped.com/assets/images/icons/tw-mask.jpg could not be decoded hydra-thread.js line 1 > eval:1:509
10:02:26.065
https://spotifywrapped.com/assets/images/icons/dl-mask.jpg could not be decoded hydra-thread.js line 1 > eval:1:509
10:02:26.221
https://spotifywrapped.com/assets/images/loader.png could not be decoded hydra-thread.js line 1 > eval:1:509
10:02:26.222
https://spotifywrapped.com/assets/images/blank.png could not be decoded hydra-thread.js line 1 > eval:1:509
10:02:27.122 Request to access cookie or storage on “https://www.facebook.com/tr?id=1901136573502950&ev=PageView&cd[order_id]=27f49fd4-0c8c-4c75-a931-558479330065” was blocked because it came from a tracker and content blocking is enabled. ja
10:02:27.123 Request to access cookie or storage on “https://dpm.demdex.net/ibs:dpid=125310&dpuuid=27f49fd4-0c8c-4c75-a931-558479330065&redir=https%3A%2F%2Ft.myvisualiq.net%2Fsync%3Fprid%3DAOEPNR1%26ao%3D0%26pruuid%3D%24%7BDD_UUID%7D” was blocked because it came from a tracker and content blocking is enabled. ja
10:02:27.124 Request to access cookie or storage on “https://tapestry.tapad.com/tapestry/1?ta_partner_id=950&ta_redirect=https%3A%2F%2Ft.myvisualiq.net%2Fsync%3Fprid%3D1001%26ao%3D0%26pruuid%3DTAPAD_%24%7BIDS%3Akey%7D” was blocked because it came from a tracker and content blocking is enabled. ja
10:02:27.364 Request to access cookie or storage on “https://tags.bluekai.com/site/21398?id=27f49fd4-0c8c-4c75-a931-558479330065” was blocked because it came from a tracker and content blocking is enabled. ja
10:02:27.653 Request to access cookie or storage on “https://idsync.rlcdn.com/420356.gif?partner_uid=27f49fd4-0c8c-4c75-a931-558479330065” was blocked because it came from a tracker and content blocking is enabled. ja
10:02:27.653 Request to access cookie or storage on “https://idsync.rlcdn.com/466206.gif?partner_uid=8139b733-eea9-4535-bb35-bab962b5eb9c&pp=” was blocked because it came from a tracker and content blocking is enabled. ja
10:02:28.432 Request to access cookie or storage on “https://idsync.rlcdn.com/1000.gif?memo=CITUGRIwCiwIARDclAEaJDI3ZjQ5ZmQ0LTBjOGMtNGM3NS1hOTMxLTU1ODQ3OTMzMDA2NRAAGg0Io-vb4AUSBQjoBxAAQgBKAA” was blocked because it came from a tracker and content blocking is enabled. ja
10:02:28.433 Request to access cookie or storage on “https://analytics.twitter.com/i/adsct?p_id=Twitter&p_user_id=0&txn_id=o0ihg&tw_sale_amount=0&tw_order_quantity=0&tw_iframe_status=0&tpx_cb=twttr.conversion.loadPixels&tw_document_href=https%3A%2F%2Fspotifywrapped.com%2Fja%2F” was blocked because it came from a tracker and content blocking is enabled. ja
10:02:29.192 Request to access cookie or storage on “https://match.adsrvr.org/track/cmf/generic?ttd_pid=liveramp” was blocked because it came from a tracker and content blocking is enabled. ja
10:02:29.197 Request to access cookie or storage on “https://www.facebook.com/tr/?id=1901136573502950&ev=PageView&dl=https%3A%2F%2Fspotifywrapped.com%2Fja%2F&rl=https%3A%2F%2Fspotifywrapped.com%2F&if=false&ts=1545008547865&sw=360&sh=640&v=2.8.35&r=stable&ec=0&o=30&fbp=fb.1.1545007910623.1373555148&it=1545008547119&coo=false” was blocked because it came from a tracker and content blocking is enabled. ja
10:02:29.198 Request to access cookie or storage on “https://www.facebook.com/tr/?id=1901136573502950&ev=Microdata&dl=https%3A%2F%2Fspotifywrapped.com%2Fja%2F&rl=https%3A%2F%2Fspotifywrapped.com%2F&if=false&ts=1545008548425&cd[Schema.org]=%5B%5D&cd[OpenGraph]=%7B%22og%3Atype%22%3A%22article%22%2C%22og%3Aurl%22%3A%22https%3A%2F%2Fspotifywrapped.com%2Fja%2F%22%2C%22og%3Asite_name%22%3A%222018%E5%B9%B4%E3%81%BE%E3%81%A8%E3%82%81%22%2C%22og%3Atitle%22%3A%22%E3%81%82%E3%81%AA%E3%81%9F%E3%81%AE2018%E5%B9%B4%E3%81%BE%E3%81%A8%E3%82%81%22%2C%22og%3Adescription%22%3A%22Spotify%E3%81%A7%E3%81%AE%E9%9F%B3%E6%A5%BD%E4%BD%93%E9%A8%93%E3%81%AF%E4%BA%BA%E3%81%9D%E3%82%8C%E3%81%9E%E3%82%8C%E3%80%82Spotify%E3%81%A7%E3%81%AE2018%E5%B9%B4%E3%82%92%E6%8C%AF%E3%82%8A%E8%BF%94%E3%81%A3%E3%81%A6%E3%81%BF%E3%81%BE%E3%81%97%E3%82%87%E3%81%86%E3%80%82%22%2C%22og%3Aimage%22%3A%22https%3A%2F%2Fstorage.googleapis.com%2Fspotify-2018%2Fuploads%2F1543260251766_bAv.png%22%7D&cd[Meta]=%7B%22title%22%3A%222018%E5%B9%B4%E3%81%BE%E3%81%A8%E3%82%81%22%2C%22meta%3Adescription%22%3A%22Spotify%E3%81%A7%E3%81%AE%E9%9F%B3%E6%A5%BD%E4%BD%93%E9%A8%93%E3%81%AF%E4%BA%BA%E3%81%9D%E3%82%8C%E3%81%9E%E3%82%8C%E3%80%82Spotify%E3%81%A7%E3%81%AE2018%E5%B9%B4%E3%82%92%E6%8C%AF%E3%82%8A%E8%BF%94%E3%81%A3%E3%81%A6%E3%81%BF%E3%81%BE%E3%81%97%E3%82%87%E3%81%86%E3%80%82%22%7D&cd[DataLayer]=%5B%5D&cd[JSON-LD]=%5B%5D&sw=360&sh=640&v=2.8.35&r=stable&ec=1&o=30&fbp=fb.1.1545007910623.1373555148&it=1545008547119&coo=false&es=automatic” was blocked because it came from a tracker and content blocking is enabled. ja
10:02:29.592 Request to access cookie or storage on “https://match.adsrvr.org/track/cmb/generic?ttd_pid=liveramp” was blocked because it came from a tracker and content blocking is enabled. ja
10:02:29.694 Request to access cookie or storage on “https://ib.adnxs.com/getuid?https%3A%2F%2Fidsync.rlcdn.com%2F52154.gif%3Fserved_by%3Devergreen%26partner_uid%3D%24UID” was blocked because it came from a tracker and content blocking is enabled.
```
Flags: webcompat?

Migrating Webcompat whiteboard priorities to project flags. See bug 1547409.

Webcompat Priority: --- → ?

See bug 1547409. Migrating whiteboard priority tags to program flags.

The original page works now as expected, so we shouldn't need any UA spoofing. Going to close as INVALID.

URL: https://spotifywrapped.com/ → https://spotifywrapped.com/
Status: NEW → RESOLVED
Closed: 4 years ago
Resolution: --- → INVALID
You need to log in before you can comment on or make changes to this bug.