【问题标题】:Can a desktop PWA be set as "always on top" of other applications?可以将桌面 PWA 设置为“始终在其他应用程序之上”吗?
【发布时间】:2019-09-30 08:24:42
【问题描述】:

我在 Vuejs 中使用 PWA 开发了一个计数器,我想让它始终保持在桌面上,这可能吗? 我一直在做一些研究,但一无所获。

谢谢。

仅供参考:这是一种基于番茄钟技术的生产力方法,但计时器是 55 英尺而不是 25 英尺。如果您想了解更多信息,我已经在medium 写了一篇文章。

【问题讨论】:

    标签: vue.js progressive-web-apps desktop


    【解决方案1】:

    据我所知,您必须使用第三方脚本来实现这一点。您的 PWA 应用程序将在浏览器(例如 Chrome)中运行,并且“始终在最前面”设置不是您可以从您的应用程序中实现的。

    WindowsMac 有一些工具可以满足您的需求。

    【讨论】:

    • 谢谢,这个变通方法很不错,但是我想把它包含在 PWA 中,这样以后的用户就不用再使用第三方应用了。
    • 我认为仅通过 PWA 是不可能的。您需要在本地级别更改 windows 优先级的默认行为,因此您需要在用户端运行某种脚本来实现这一点。
    • 谢谢,也许未来会有更多的选择让本地操作系统与 PWA 结合起来,就像我们现在拥有蓝牙和其他硬件访问一样。
    【解决方案2】:

    经过一番挖掘,我提出的解决方法是启用手动创建的自定义 <Picture in Picture> 画布,请参见此处的示例: https://codepen.io/BoyWithSilverWings/pen/qBEwrbJ

    【讨论】:

    • 很酷,你找到了解决方案
    • 没有确切的解决方案,但可以将某些数据显示到我动态创建的 窗口中,看看 codepen。我还没有找到如何将整个应用程序保持在其他应用程序之上。我认为这是可能的。
    • 这也是我最初的答案(可惜从昨天开始它失去了 1 票)...AFAIK 没有“开箱即用的解决方案”
    • 在画布元素上绘图与 PWA 无关,也与“始终在顶部”问题有关。请您在回答中解释这是一种解决方法吗?
    • 我发现只有 HTML 的始终位于顶部的窗口的唯一方法是在画布上绘制并将图片设置在图片中。我希望 PWA 在某个时候支持该选项。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2016-04-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-12-03
    • 1970-01-01
    • 2023-02-06
    相关资源
    最近更新 更多