1902501 - ads.tiktok.com - TikTok video editor is not usable

Status: NEW

(Web Compatibility :: Site Reports, defect, P2)

Description

[Ksenia Berezina [:ksenia]]

Environment:
Operating system: Windows 10
Originally reported Firefox version: Firefox Nightly 89.0a1 (2021-04-10) (64-bit)
Last reproduced with the following UA: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:126.0) Gecko/20100101 Firefox/126.0
Platforms reproduced on: windows

Additional notes:
After login when accessing Tools/Video editor

Steps to reproduce:

1. Visit the page https://ads.tiktok.com/i18n/home?
2. Register with email/password
3. Fill in fake information on this screen (you will need a real phone number to receive SMS verification code)

4. When you get to this screen, ignore the form and enter this url in the address bar: https://ads.tiktok.com/i18n/library/video

5. Click the Create button
6. Scroll down and click TikTok Video Editor

It does not load or displays a browser unsupported message.

Actual Behavior:
Browser unsupported

Created from https://github.com/webcompat/web-bugs/issues/70358

Comment 1

[Ksenia Berezina [:ksenia]]

Diagnosis is already done in https://github.com/webcompat/web-bugs/issues/70358#issuecomment-817245542

Diagnosis:

In https://sf16-scmcdn-sg.ibytedtos.com/goofy/ad/tt-video-editor/index.6b5ad944.js

    function F() {
      var e = window.navigator.userAgent;
      var t = e.indexOf('MSIE ');
      if (t > 0) return parseInt(e.substring(t + 5, e.indexOf('.', t)), 10);
      var n = e.indexOf('Trident/');
      if (n > 0) {
        var r = e.indexOf('rv:');
        return parseInt(e.substring(r + 3, e.indexOf('.', r)), 10)
      }
      var o = e.indexOf('Edge/');
      if (o > 0) return parseInt(e.substring(o + 5, e.indexOf('.', o)), 10);
      return false
    }
    function H() {
      return F() > 11
    }
    function G() {
      var e = 'chrome' in window && Boolean(window.chrome);
      var t = Boolean(window.navigator.userAgent.match('CriOS'));
      var n = 'opr' in window && 'undefined' !== typeof window.opr;
      return e && false === t && false === n && false === H()
    }

function G returns true in Chrome and Edge Chromium, false in Firefox, Internet Explorer, and Opera.

The TikTok Video Editor works fine with a fake Chrome useragent and by setting window.chrome to true.