javascript - 设备方向 API 不适用于本地网络服务器
问题描述
在使用Device Orientation API时,我发现了一些奇怪的东西。
以下在线演示完美运行(“compassneedscalibration”除外):https ://www.audero.it/demo/device-orientation-api-demo.html
但是当我在本地克隆Soucecode并通过本地 Web 服务器提供网页时* API 似乎不再可用。尽管使用相同的浏览器选项卡。JavaScript 控制台中也不会出现任何消息、警告或错误。
该网页指出:
deviceorientation 事件不支持
devicemotion 事件不支持
compassneedcalibration 事件不支持
难道我做错了什么?或者这是预期的行为还是错误?我需要通过本地 Web 服务器提供我的 Web 应用程序。
我在“Android 7.1.1;VNS-L21 Build/NMF26V”上使用“Chrome 79.0.3945.93”
*) python3 -m http.server
解决方案
我发现您需要通过加密的 HTTPS 连接提供 wep 页面才能访问 Device Orientation API 和一些 mediaDevices。
在开发(而非生产)期间提供 HTTPS 页面的一种简单方法是这个简单的 python 网络服务器:
#!/usr/bin/env python3
# Based on http://www.piware.de/2011/01/creating-an-https-server-in-python/
# generate server.xml with the following command:
# openssl req -new -x509 -keyout key.pem -out server.pem -days 365 -nodes
# run as follows:
# python3 simple-https-server.py
# then in your browser, visit:
# https://localhost:4443
import http.server
import ssl
import os
directory_of_script = os.path.dirname(os.path.abspath(__file__))
#server_address = ('localhost', 4443)
server_address = ('', 4443)
httpd = http.server.HTTPServer(server_address, http.server.SimpleHTTPRequestHandler)
httpd.socket = ssl.wrap_socket(httpd.socket,
server_side=True,
certfile=os.path.join(directory_of_script, "server.pem") ,
keyfile=os.path.join(directory_of_script, "key.pem"),
ssl_version=ssl.PROTOCOL_TLS)
httpd.serve_forever()
推荐阅读
- python - Python:Portaudio Errno -9986 内部 PortAudio 错误
- angular - 在子组件和父组件之间传递数据
- python-3.x - 如何根据子列表中的值过滤 2 级列表?
- regex - 将旧域重定向到新域的主页
- shopify - 在结帐时更新折扣代码时出现 Shopify 400 错误
- office-js - OfficeJS-在对话框中打开角度路线
- javascript - 根据属性替换数组内容
- c++ - 在 leetcode 上提交解决方案时堆栈缓冲区溢出错误
- django - 我可以轻松地在 Django 中直接进行数据库更新吗?
- typescript - Typescript 枚举作为接口