bypassing device orientation ios iframe limitations

iOSiFrameBypass.js

    // WIP
  function iOS() {
    return [
      'iPad Simulator',
      'iPhone Simulator',
      'iPod Simulator',
      'iPad',
      'iPhone',
      'iPod'
    ].includes(navigator.platform)
    // iPad on iOS 13 detection
    || (navigator.userAgent.includes("Mac") && "ontouchend" in document)
  }
  if (iOS()) {
    ;["orientationchange","deviceorientation"].forEach(eventName => {
          // comment out parent on child, and child on parent:

          // Parent / outer container of iframe
          window.addEventListener(eventName, function (event) {
              event.mylabel = eventName
              myframe.contentWindow.postMessage(
              // we may need to send whole event, or whole event may be non JSON friendly, or slower for no reason.
              // seemed suggested that this might be enough:
                  {
                      alpha: event.alpha,
                      beta: event.beta,
                      gamma: event.gamma
                  },
                  // event,
                  "*"
              );
          })

          // Child / page running inside iframe
          window.addEventListener("message", function receiveMessage(msgEvent) {
              if (msgEvent?.mylabel === eventName) {
                document.dispatchEvent(new Event(eventName,msgEvent));
              }
          })
     })
  }

• iOS detection code from here
• idea for fooling device orientation is assuming this is the key due to the A-Frame source here
• half of general concept for messaging device event data comes from here originally

this is not a finished product, and didn't seem to work at last testing, but I didn't have an iOS device to personally test. didn't go deeper, as ended up not being needed for project (we ended up hosting all experiences on the same domain, so child iframe was no longer cross origin, which is another way to get around the issue)