HTML5 网站在手机屏幕关闭时运行?

Posted

技术标签:

【中文标题】HTML5 网站在手机屏幕关闭时运行?【英文标题】:HTML5 website running while phone screen is off? 【发布时间】:2018-05-03 08:39:58 【问题描述】:

基本上,我的问题与this topic 相同,但现在是 2018 年。那么,即使手机处于休眠状态,我如何才能在手机上执行 ECMAScript(发送地理位置位置)?现在,我们有 Open Web Apps 和 Progressive Web Apps (PWA) with service workers,甚至 Apple 也加入进来,我相信有办法做到这一点。

【问题讨论】:

即使我目前没有使用您的网站,您为什么还要嗅探我的位置?如果有一个合法的用例,那么你应该描述它是什么。 与原始问题中描述的完全相同:例如在跑步时跟踪位置。关于我的具体用例,我在一家拼车公司工作,所以要知道司机的位置,告诉乘客他有多远。把它想象成一个原生应用程序,除了我想在浏览器中做。 【参考方案1】:

虽然我们可以希望事情应该有所改变,但不幸的是,事实并非如此。

PWA GeoLocatoin API 上的 article from Google 日期为 2018 年 1 月,明确表示此 API“仅在页面打开时”有效。

为什么还不可用(在我看来)?考虑到用户隐私,这是有道理的。想想我们访问的大量 wep 页面,以及有多少我们倾向于意外获得五次许可,或者我们打算给予一段时间(直到我们完成一些交易/预订)。目前,我们无法去检查我们在浏览器中授予网站的所有位置权限,就像我们对原生/混合应用程序所做的那样,并且可以选择更改它。

当 PWA 安装到主屏幕时,我们可以期待它有跟踪选项,用户可以在主屏幕上进行权限处理等原生应用程序。

故事结束了,我们还没到呢!!

备用选项:虽然您可以使用navigator.geolocation.watchPosition 跟踪用户何时积极使用该应用程序,但您可以使用单独安装的(本机)android 服务来补充您的应用程序以更新用户定位到您的后端服务器,直到 PWA 天真地支持。

【讨论】:

以上是关于HTML5 网站在手机屏幕关闭时运行?的主要内容,如果未能解决你的问题,请参考以下文章

我用html5 做了个手机网站 如何让图片本身100%放大

手机屏幕关闭时会发生啥?

华为手机屏幕出现涂鸦

手机屏幕关闭时Android导航架构无法导航

当手机进入空闲状态时后台服务停止

如何使我的网站与手机和平板电脑兼容? [关闭]