devicemotion 或者 deviceorientation在window.addEventListener 事件中不生效，没有输出内容
问题：devicemotion 或者 deviceorientation 在window.addEventListener 事件中不生效，没有输出内容
原因：
1、必须在Https协议下才可使用
2、必须用户手动点击click事件中调用 ，进行权限申请
源码：
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=375,user-scalable=0"><title>deviceorientation</title>
</head>
<body><button onclick="start()">start</button>
<script>(function () { var script = document.createElement('script'); script.src="https://cdn.jsdelivr.net/npm/eruda"; document.body.appendChild(script); script.onload = function () { eruda.init() } })();function start(){if(!DeviceMotionEvent){console.error('暂时不支持')}else{if(DeviceMotionEvent.requestPermission){DeviceMotionEvent.requestPermission().then(permissionState => {console.log(permissionState)if (permissionState === 'granted') {// window.addEventListener('devicemotion', function(e) { console.log('devicemotion', e)}, true);window.addEventListener('deviceorientation', function(event) { console.log('deviceorientation', event) ; console.log(`${event.alpha} : ${event.beta} : ${event.gamma}`);}, true);}}).catch((err) => {console.error(err);});}else{// window.addEventListener('devicemotion', function(e) { console.log('devicemotion', e)}, true);window.addEventListener('deviceorientation', function(event) { console.log('deviceorientation', event) ; console.log(`${event.alpha} : ${event.beta} : ${event.gamma}`);}, true);}}}window.onload=function(){start() //此处调用无效，没有内容输出}
</script></body>
</html>
相关文章：
devicemotion 或者 deviceorientation在window.addEventListener 事件中不生效，没有输出内容
问题：devicemotion 或者 deviceorientation 在window.addEventListener 事件中不生效，没有输出内容 原因： 1、必须在Https协议下才可使用 2、必须用户手动点击click事件中调用 ，进行权限申请 源码： <!DOCTYPE h…...
java单元测试如何断言异常
在junit单元测试中，我们可以使用 org.junit.Assert.assertThrows 包下的 assertThrows() 方法 这个方法返回了一个泛型的异常 public static <T extends Throwable> assertThrows(Class<T> expectedType, Executable executable) 假设我们有以下…...
C语言| n的阶乘相加
逻辑性较强，建议记住。 分析思路： 假如n4：m m * i; sum sum m; 1）当i1时，m1, sum1。 2）当i2时，m12, sum112。 3）当i3时，m123, sum112123。 4）当i4时&…...
cwiseMax、cwiseMin函数
一、cwiseMax含义 cwiseMax是Eigen库中的一个函数，用于求两个矩阵或向量的逐元素最大值。它的作用类似于std::max函数，但是可以同时处理多个元素，且支持矩阵和向量。 举例： 例如，对于两个向量a和b，cwiseMax…...
【thinkphp问题栏】tp5.1重写URL，取消路径上的index.php
在Apache运行thinkphp5.1时，发现系统默认生成的.htaccess不生效。 首先先查看怎么修改伪静态 1、修改Apache的配置文件 在Apache的安装目录下，打开config/httpd.conf。 搜索rewrite.so，将前面的#删掉，表示开启URL重写功能 2、…...
缓冲字符流
BufferedReader/BufferedWriter增加了缓存机制，大大提高了读写文本文件的效率。 字符输入缓冲流 BufferedReader是针对字符输入流的缓冲流对象，提供了更方便的按行读取的方法：readLine();在使用字符流读取文本文件时，我们可以使…...
Django中使用Celery和APScheduler实现定时任务
在之前的文章我们已经学习了Celery和APScheduler的基本使用，下面让我们来了解一下如何在Django中使用Celery和APScheduler Celery 1.前提工作 python 3.7 pip install celery pip install eventlet #5.0版本以下 pip install importlib-metadata4.8.3（…...
Kivy.uix.textinput
一个小小的输入框，纵上下数页文档已不能全不概括，当去源码慢慢寻找，才知道其中作用，才能运用灵活。 Text Input — Kivy 2.3.0 documentation # -*- encoding: utf-8 -*-Text Input .. versionadded:: 1.0.4.. image:: images/te…...
基于IoTDB 平台的学习和研究
Apache IoTDB（物联网数据库）是一个针对物联网领域的高性能原生数据库，适用于数据管理和分析，并可在边缘计算和云端部署。由于它轻量级的架构、高性能和丰富的功能集，以及与Apache Hadoop、Spark和Flink的深度集成&…...
nessus plugins目录为空的问题
想要避免这种问题，可以将nessus服务设置为手动，并且先停止nessus服务。 批处理脚本： 下面的/~/Nessus/plugin_feed_info.inc替换成你配置好的 plugin_feed_info.inc 所在的路径 service nessusd stop; cp /~/Nessus/plugin_feed_info.inc …...
FDW（Foreign Data Wrapper）
在上一篇博客里，最末尾提到了 FDW。pg 实现了数百个 fdw 插件，用于访问外部数据。 FDW 到底是什么呢？ 标准 FDW（Foreign Data Wrapper）遵循了 SQL/MED 标准，标准全称：ISO/IEC 9075-9 Managem…...
Flutter开发指南
Flutter开发指南（Android 开发角度） 与Android 的对比 1.Android 的View 与Flutter 的对应关系： a.在android 中，view 是屏幕显示的基础，比如 button，文本，列表，输入框都是 view。…...
SpringCloud学习笔记万字整理（无广版在博客）
在此感谢黑马程序员的SpringCloud课程 所有笔记、生活分享首发于个人博客 想要获得最佳的阅读体验（无广告且清爽），请访问本篇笔记 认识微服务 随着互联网行业的发展，对服务的要求也越来越高，服务架构也从单体架构逐渐…...
c++（七）
c（七） 内联函数内联函数的特点为什么要有内联函数内联函数是如何工作的呢 类型转换异常处理智能指针单例模式懒汉模式饿汉模式 VS中数据库的相关配置 内联函数 修饰类的成员函数，关键字：inline inline 返回值类型 函数名(参数列…...
SQL语言
SQL语言 导航 文章目录 SQL语言导航一、SQL概述SQL 二、数据库定义SQL 数据类型 三、数据操作视图更新 四、SQL的授权五、存储过程六、嵌入式SQL主语言与数据库通信 七、动态SQL 一、SQL概述 SQL 支持三级模式结构 视图->外模式 基本表->模式 存储文件->内模式 二…...
【PPT】修改新建文本框默认字体
【PPT】修改新建文本框默认字体...
智能办公本如何选择
智能办公本如何选择 引言 随着科技的不断发展，智能办公本已成为现代职场人士的重要工具。它们不仅具备传统纸质笔记本的书写体验，还融入了先进的智能技术，让办公变得更加高效便捷。在选择智能办公本时，我们需要关注多个方面&…...
Spark基础：Scala变量与数据类型
在Scala中，变量和数据类型是编程的基础。Scala作为一种强大的静态类型语言，支持多种数据类型，并提供了可变（var）和不可变（val）两种类型的变量声明方式。以下是在Scala中变量和数据类型的基础知识…...
php 实现：给图片加文字水印，图片水印，压缩图片
演示环境： 1、windows10 2、phpstudy 3、php7.4 一、案例演示： 二、素材准备 1、准备一张原始图片 2、准备一张水印图片（透明底图的最好） 3、字体库（windows系统自带的字体库，路径在：C:\Window…...
免费实现网站HTTPS访问
HTTPS（Hypertext Transfer Protocol Secure）是一种基于SSL协议的HTTP安全协议，旨在为客户端（浏览器）与服务器之间的通信提供加密通道，确保数据在传输过程中的保密性、完整性和身份验证。与传统的HTTP相比&a…...
从深圳崛起的“机器之眼”：赴港乐动机器人的万亿赛道赶考路
进入2025年以来，尽管围绕人形机器人、具身智能等机器人赛道的质疑声不断，但全球市场热度依然高涨，入局者持续增加。 以国内市场为例，天眼查专业版数据显示，截至5月底，我国现存在业、存续状态的机器人相关企…...
C++ 基础特性深度解析
目录 引言 一、命名空间（namespace） C 中的命名空间 与 C 语言的对比 二、缺省参数 C 中的缺省参数 与 C 语言的对比 三、引用（reference） C 中的引用 与 C 语言的对比 四、inline（内联函数…...
【单片机期末】单片机系统设计
主要内容：系统状态机，系统时基，系统需求分析，系统构建，系统状态流图 一、题目要求 二、绘制系统状态流图 题目：根据上述描述绘制系统状态流图，注明状态转移条件及方向。 三、利用定时器产生时…...
解决本地部署 SmolVLM2 大语言模型运行 flash-attn 报错
出现的问题 安装 flash-attn 会一直卡在 build 那一步或者运行报错 解决办法 是因为你安装的 flash-attn 版本没有对应上，所以报错，到 https://github.com/Dao-AILab/flash-attention/releases 下载对应版本，cu、torch、cp 的版本一定要对…...
unix/linux，sudo，其发展历程详细时间线、由来、历史背景
sudo 的诞生和演化，本身就是一部 Unix/Linux 系统管理哲学变迁的微缩史。来，让我们拨开时间的迷雾，一同探寻 sudo 那波澜壮阔（也颇为实用主义）的发展历程。 历史背景：su的时代与困境 ( 20 世纪 70 年代 - 80 年代初) 在 sudo 出现之前，Unix 系统管理员和需要特权操作的…...
uniapp 开发ios， xcode 提交app store connect 和 testflight内测
uniapp 中配置 配置manifest 文档：manifest.json 应用配置 | uni-app官网 hbuilderx中本地打包 下载IOS最新SDK 开发环境 | uni小程序SDK hbulderx 版本号：4.66 对应的sdk版本 4.66 两者必须一致 本地打包的资源导入到SDK 导入资源 | uni小程序SDK …...
React从基础入门到高级实战：React 实战项目 - 项目五：微前端与模块化架构
React 实战项目：微前端与模块化架构 欢迎来到 React 开发教程专栏 的第 30 篇！在前 29 篇文章中，我们从 React 的基础概念逐步深入到高级技巧，涵盖了组件设计、状态管理、路由配置、性能优化和企业级应用等核心内容。这一次&…...
Linux基础开发工具——vim工具
文章目录 vim工具什么是vimvim的多模式和使用vim的基础模式vim的三种基础模式三种模式的初步了解 常用模式的详细讲解插入模式命令模式模式转化光标的移动文本的编辑 底行模式替换模式视图模式总结 使用vim的小技巧vim的配置(了解) vim工具 本文章仍然是继续讲解Linux系统下的…...
虚拟机网络不通的问题（这里以win10的问题为主，模式NAT）
当我们网关配置好了，DNS也配置好了，最后在虚拟机里还是无法访问百度的网址。 第一种情况： 我们先考虑一下，网关的IP是否和虚拟机编辑器里的IP一样不，如果不一样需要更改一下，因为我们访问百度需要从物理机…...
比较数据迁移后MySQL数据库和ClickHouse数据仓库中的表
设计一个MySQL数据库和Clickhouse数据仓库的表数据比较的详细程序流程，两张表是相同的结构，都有整型主键id字段，需要每次从数据库分批取得2000条数据，用于比较，比较操作的同时可以再取2000条数据，等上一次比较完成之后，开始比较，直到比较完所有的数据。比较操作需要比较…...