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

Qiu*_*eng 5 html javascript google-chrome

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

有没有办法判断网页是否在应用程序快捷方式模式下运行?

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

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

[更新]基本上我们想知道网页是在单个窗口中运行还是在窗口的一个选项卡中运行.

Com*_*eek 2

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

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

<meta name="application-url" content="http://www.example.com"/>
Run Code Online (Sandbox Code Playgroud)

我还没有找到任何可靠的官方文档*,但它似乎在我刚刚进行的快速测试中有效。

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

*)这个 <meta> 元素在这里也被非正式地提及:Page Meta Properties - mozilla f1



如何使用?

  • 创建一个新的 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>
Run Code Online (Sandbox Code Playgroud)
  • 现在,在 Google Chrome 中打开此文档(也适用于本地文件系统!)。
  • 通过 Chrome 的工具菜单创建任务栏和/或桌面快捷方式。
  • Chrome 将打开另一个带有原始 URI 的窗口。这可能是一个错误。 但如果您使用快捷方式,Chrome 将打开<meta>
    标记 中提供的 URI (此处:)。http://www.exaple.com?shortcut=true