在 iPhon 和 iPad 上的 Web 浏览器中访问 Compass-解网

问：

我正在使用运行 16.3.1 的 ipad pro 和运行 16.1.1 的 iphone Xs Max。我正在尝试创建一个需要访问指南针的网页。由于这是一个私人项目，我不担心 Android 设备。

这是我正在使用的测试代码：

<!DOCTYPE html>
<html>
<head>
 <title>Compass Heading</title>
</head>
<body>
  <h1>Compass Heading: <span id="heading">not changed</span>°</h1>

 <script>
           // check if the device has a compass
           if ('ondeviceorientation' in window && 'webkitCompassHeading' in event) {
            // listen for changes in the device's orientation
            window.addEventListener('deviceorientation', function(event) {
                //alert('event fired');
                // get the compass heading in degrees
                var heading = event.webkitCompassHeading;
                // update the heading on the page
                document.getElementById('heading').textContent = heading.toFixed(2);
            });
        } else {
            alert('Sorry, your device does not have a compass.');
        }
    </script>

</body>
</html>

我没有收到警报，但我也没有收到文本的任何更改（未更改）。我尝试将警报放入事件侦听器中，但没有显示。

我已确保在两台设备上的“定位服务”中将指南针设置为“应用内”，并且指南针应用程序在两台设备上都有效。

我在其他帖子上读到过相互矛盾的评论，大多数都很旧。有人能给我最新的最简单的解决方案吗？

JavaScript iOS iPhone iPad的

在 iPhon 和 iPad 上的 Web 浏览器中访问 Compass

access compass in web browser on iphon and ipad

评论