Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Lower versions such as Android 9 are not compatible #5

Open
yojigoji opened this issue Jan 17, 2023 · 5 comments
Open

Lower versions such as Android 9 are not compatible #5

yojigoji opened this issue Jan 17, 2023 · 5 comments
Labels
need reproduction Should provide a minimal reproduction

Comments

@yojigoji
Copy link

Describe the bug
it makes all pages can not be shown, and there is no any error messgaes consoled

@jizai1125
Copy link
Owner

jizai1125 commented Jan 17, 2023

Let me check, is it because the requestAnimationFrame API isn't supported?

@yojigoji
Copy link
Author

yojigoji commented Jan 17, 2023

Let me check, is it because the requestAnimationFrame API isn't supported ?

If you find the answer, please let me know, thank you

@jizai1125
Copy link
Owner

jizai1125 commented Jan 17, 2023

Let me check, is it because the requestAnimationFrame API isn't supported?

If you find the answer, please let me know, thank you

Which browser and version are you using?

@yojigoji
Copy link
Author

yojigoji commented Jan 17, 2023

Let me check, is it because the requestAnimationFrame API isn't supported ?

If you find the answer, please let me know, thank you

Which browser and version are you using?

It is an embedded brwoser of Native App on Android 9 and Android 8. I guess it would be happened on system Browser also.

@jizai1125
Copy link
Owner

jizai1125 commented Jan 18, 2023

Can you help me troubleshoot the problem? I don't have an Android 9 phone. To determine if the requestAnimationFrame API is the cause of the issue, you can try importing the polyfill below.

// make sure requestAnimationFrame and cancelAnimationFrame are defined
// polyfill for browsers without native support
// by Opera engineer Erik Möller
(function () {
  var lastTime = 0;
  var vendors = ['webkit', 'moz', 'ms', 'o'];
  for (var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
    window.requestAnimationFrame = window[vendors[x] + 'RequestAnimationFrame'];
    window.cancelAnimationFrame = window[vendors[x] + 'CancelAnimationFrame'] ||
      window[vendors[x] + 'CancelRequestAnimationFrame'];
  }
  if (!window.requestAnimationFrame) {
    window.requestAnimationFrame = function (callback) {
      var currTime = new Date().getTime();
      var timeToCall = Math.max(0, 16 - (currTime - lastTime));
      var id = window.setTimeout(function () { return callback(currTime + timeToCall); }, timeToCall);
      lastTime = currTime + timeToCall;
      return id;
    };
  }
  if (!window.cancelAnimationFrame) {
    window.cancelAnimationFrame = function (id) {
      clearTimeout(id);
    };
  }
})();

@jizai1125 jizai1125 added the need reproduction Should provide a minimal reproduction label May 26, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
need reproduction Should provide a minimal reproduction
Projects
None yet
Development

No branches or pull requests

2 participants