防止桌面用户访问移动网站（任何万无一失的方法？）

Question

我试图通过确定用户代理和屏幕大小来阻止用户从桌面浏览器访问我的移动网站，但是通过两种方式他们仍然可以通过更改用户代理（桌面 Chrome > 更多工具）访问我的移动网站> 开发人员工具 > 网络 > 网络条件）或调整屏幕大小。除了用户代理和屏幕尺寸之外，是否有任何一些万无一失（或难以破解）的方法来阻止用户从桌面浏览器访问我的移动网站？

P.S：用户这样做的原因是因为我正在通过无广告体验推广我的网络应用程序，因此我的移动视频上还没有广告，但许多桌面用户正在滥用该功能。

Answer 1

我所做的，似乎运作良好，是检查设备的方向并让它们侧向转动设备。大多数桌面用户无法弄清楚如何玩这个游戏，但它大部分时间都能完成这项工作。

我还检查了桌面浏览器中通常找不到的一些移动功能，包括检查：

1. dppx
2. 方向
3. 手持查询
4. 测试 ontouch 事件

(if ('ontouchstart' in window) {...})

5. 强制用户更改方向，检查更改，如果在特定时间后更改尚未注册为方向更改，则重定向

//函数doOnOrientationChange() {/////

function doOnOrientationChange() {
switch(window.orientation) {  
  case -90 || 90:
    alert('landscape');
    break; 
  default:
    alert('portrait');
    break; 
}
}

window.addEventListener('orientationchange', doOnOrientationChange);

// Initial execution if needed
doOnOrientationChange();

将这些想法与浏览器检查/嗅探、触摸事件、屏幕尺寸等结合使用，您将尽可能接近将用户锁定到网站的桌面版本。