如何判断网页是否在chrome应用程序快捷模式下运行

How to tell if webpage is running in chrome application shortcut mode

本文关键字:应用程序 chrome 模式 运行 是否 何判断 判断 网页      更新时间:2023-09-26

我们可以在google Chrome中创建应用程序快捷方式。我想显示不同的布局时,我的网页是在应用程序快捷模式运行-这基本上是在一个单独的独立窗口运行。

是否有一种方法可以告诉网页是否在应用程序快捷模式下运行?

现在我正在测试是否可以通过JavaScript重新调整窗口的大小-假设它在应用程序快捷模式下运行,如果窗口可以重新调整大小。

我想知道是否有更好的方法来做到这一点。

(更新)基本上,我们想知道网页是在单个窗口中运行还是在窗口的一个选项卡中运行。

我刚刚在谷歌上搜索了一下,发现了这个网站:http://blog.kenneth.io/blog/2010/05/04/desktop-icons-in-google-chrome/

您可以在第一个代码块中看到这个<meta>元素:

<meta name="application-url" content="http://www.example.com"/>

我还没有找到任何可靠的官方文档*,但在我刚刚做的一个快速测试中似乎可以工作。

通过这种方式,你可以传递一个额外的查询字符串到你的URI,这个字符串只在从固定的(任务栏|桌面)快捷方式打开时被调用。

*) This



如何使用?

  • 创建一个新的HTML文档:

<html>
  <head>
    <meta charset="utf-8" />
    <meta name="application-url" content="http://www.exaple.com?shortcut=true" />
    <title>Test</title>
  </head>
  <body>
    Test
  </body>
</html>
  • 现在,在Google chrome中打开该文档(也适用于本地文件系统!)。
  • 通过Chrome的Tools菜单创建任务栏和/或桌面快捷方式。
  • Chrome将打开另一个带有原始URI的窗口。这可能是一个bug。
    但是如果你使用快捷方式,Chrome会打开标签中提供的URI(这里是:http://www.exaple.com?shortcut=true)。