web 设备API - 随笔分类 - Ajanuw

js IdleDetector 检测用户是否处于活动状态API

摘要：btn.addEventListener("click", async () => { try { const state = await Notification.requestPermission(); if (state !== "granted") { // Need to request 阅读全文

posted @ 2020-10-11 11:07 Ajanuw 阅读(606) 评论(0) 推荐(0) 编辑

js navigator.wakeLock 保持屏幕唤醒状态

摘要：let lock; btn.addEventListener("click", async () => { try { if (lock) { lock.release(); return; } lock = await navigator.wakeLock.request("screen"); l 阅读全文

posted @ 2020-10-11 10:39 Ajanuw 阅读(564) 评论(0) 推荐(0) 编辑

js showOpenFilePicker showSaveFilePicker showDirectoryPicker API

摘要：选择文件，获取文件句柄 btn.addEventListener("click", async (e) => { try { const hFiles = await window.showOpenFilePicker({ types: [ { description: "文本文件", accept 阅读全文

posted @ 2020-10-09 20:14 Ajanuw 阅读(1978) 评论(0) 推荐(1) 编辑

离线指南

摘要：google 文档 "https://developers.google.cn/web/fundamentals/instant and offline/offline cookbook/" 网页存储概览 "https://developers.google.cn/web/fundamentals/ 阅读全文

posted @ 2018-02-06 15:59 Ajanuw 编辑

录制用户的音频，视屏 navigator.mediaDevices.getUserMedia

摘要：获取本地的音频 <input type="file" accept="audio/*" capture="microphone" id="recorder"> <audio id="player" controls></audio> <script> var recorder = document. 阅读全文

posted @ 2018-02-06 14:50 Ajanuw 阅读(5036) 评论(0) 推荐(1) 编辑

Media Session API 为当前正在播放的视频，音频，提供元数据来自定义媒体通知

摘要：google 文档 "https://developers.google.cn/web/updates/2017/02/media session" 阅读全文

posted @ 2018-02-06 14:20 Ajanuw 阅读(791) 评论(0) 推荐(0) 编辑

Intersection Observer 观察元素何时进入或退出浏览器的视口

摘要：  <!--[if IE 8]><htm 阅读全文

posted @ 2018-02-05 11:46 Ajanuw 阅读(354) 评论(0) 推荐(0) 编辑

查看，设置，设备的竖屏-横屏模式 screen.orientation

摘要：```html let a = 0; if ('orientation' in screen) { document.getElementById('doc').textContent = ; document.getElementById('model').textContent = ; scre 阅读全文

posted @ 2018-02-03 14:09 Ajanuw 阅读(527) 评论(0) 推荐(0) 编辑

摘要：google网络推送通知 "https://developers.google.cn/web/fundamentals/push notifications/" 服务工作线程：简介 "https://developers.google.cn/web/fundamentals/primers/serv 阅读全文

posted @ 2018-02-02 20:05 Ajanuw 阅读(414) 评论(0) 推荐(0) 编辑

为网站添加触摸功能 (PointerEvents , TouchEvents , MouseEvents )

摘要：Pointer events 指针事件 TouchEvent MouseEvent 鼠标事件 See alse: https://developers.google.cn/web/fundamentals/design-and-ux/input/touch/ 阅读全文

posted @ 2018-02-02 13:58 Ajanuw 阅读(536) 评论(0) 推荐(0) 编辑

凭据管理 API

摘要：api 有相应更新 "https://www.chromestatus.com/features/4781762488041472" html <!DOCTYPE html ajanuw <! [if lt IE 8] <h3 请升级你的浏览器，或更换主浏览器！！!</h3 <![endif] 账号阅读全文

posted @ 2018-02-02 13:08 Ajanuw 阅读(262) 评论(0) 推荐(0) 编辑

设备重力感应 window.DeviceOrientationEvent

摘要：设备屏幕方向与运动 "https://developers.google.cn/web/fundamentals/native hardware/device orientation/" MDN deviceorientation文档 "https://developer.mozilla.org/z 阅读全文

posted @ 2018-01-31 13:53 Ajanuw 阅读(472) 评论(0) 推荐(0) 编辑

网络应用清单

摘要：网络应用清单 "https://developers.google.cn/web/fundamentals/web app manifest/" MDN 文档 "https://developer.mozilla.org/zh CN/docs/Web/Manifest" MDN manifest.j 阅读全文

posted @ 2018-01-31 11:33 Ajanuw 阅读(176) 评论(0) 推荐(0) 编辑

web -- Navigator.vibrate(); 使设备（有振动硬件）产生有频率的振动

摘要："MDN 文档" 此方法需要用户手势。否则，它返回false。 javascript const koa2 = require( ); const Router = require( ); const router = new Router(); const app = new koa2(); c 阅读全文

posted @ 2018-01-26 11:14 Ajanuw 阅读(811) 评论(0) 推荐(0) 编辑

html5__Notifications API 桌面通知

摘要："MDN地址" google 文档 "https://developers.google.cn/web/fundamentals/push notifications/" javascript const koa2 = require( ); const Router = require( ); c 阅读全文

posted @ 2018-01-13 13:15 Ajanuw 阅读(232) 评论(0) 推荐(0) 编辑

Page Visibility API 页面是否获取焦点 Event: visibilitychange

摘要：W3C 文档 "https://www.w3.org/TR/page visibility/" MDN 文档 "https://www.w3.org/TR/page visibility/" 阅读全文

posted @ 2017-12-07 12:03 Ajanuw 阅读(264) 评论(0) 推荐(0) 编辑

Ajanuw

做自己的King

随笔分类 - web 设备API