Safari Desktop Not Working - Fix Included

[route413]

Description

View360 does not load on Safari when viewing from the Desktop. The error that appears in the console is - ReferenceError: Can't find variable: DeviceMotionEvent - Reason being is that DeviceMotionEvent does not exist for Safari Desktop.

The fix that works for me is to only target DeviceMotionEvent when on mobile devices. Solution:

In view360-4.0.0-beta7.js (https://cdn.jsdelivr.net/npm/@egjs/view360@4.0.0-beta.7/dist/view360.pkgd.js), change:

   const sensorCanBeEnabledIOS = () => {
      return window.isSecureContext && !!DeviceMotionEvent && "requestPermission" in DeviceMotionEvent;
    };

to

const sensorCanBeEnabledIOS = () => {
        var ua = window.navigator.userAgent,
            iOS = !!ua.match(/iPad/i) || !!ua.match(/iPhone/i),
            webkit = !!ua.match(/WebKit/i),
            iOSSafari = iOS && webkit && !ua.match(/CriOS/i);

      if (iOSSafari && window.isSecureContext && !!DeviceMotionEvent && "requestPermission" in DeviceMotionEvent) {
          return true;
      } else {
          return false;
      }
    };

Steps to check or reproduce