如何做自適應(yīng)網(wǎng)站珠海seo排名收費(fèi)
問(wèn)題：devicemotion 或者 deviceorientation 在window.addEventListener 事件中不生效，沒(méi)有輸出內(nèi)容
原因：
1、必須在Https協(xié)議下才可使用
2、必須用戶手動(dòng)點(diǎn)擊click事件中調(diào)用 ，進(jìn)行權(quán)限申請(qǐng)
源碼：
<!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('暫時(shí)不支持')}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() //此處調(diào)用無(wú)效，沒(méi)有內(nèi)容輸出}
</script></body>
</html>