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

时间:2013-06-05 18:26:48

标签: javascript html google-chrome

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

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

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

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

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

1 个答案:

答案 0 :(得分:2)

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

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

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

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

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

*)这&lt; meta&gt;在这里也非正式地提到了元素: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>
  • 现在,在Google Chrome中打开此文档(也适用于本地文件系统!)。
  • 通过Chrome的工具菜单创建任务栏和/或桌面快捷方式。
  • Chrome会打开另一个包含原始URI的窗口。这可能是一个错误。
    但是,如果您使用快捷方式,Chrome会打开&lt; meta&gt; 标记中提供的URI(此处为:http://www.exaple.com?shortcut=true)。