如何判断网页是否在chrome应用程序快捷模式下运行
How to tell if webpage is running in chrome application shortcut mode
我们可以在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
)。
相关文章:
- Chrome应用程序调整窗口大小保持纵横比
- Chrome.downloads.download在Chrome应用程序中
- 如何在Chrome中找到JSON后将其放入我的应用程序's开发人员工具
- chrome.serial在chrome打包应用程序中不可用
- 无法在Chrome(打包)应用程序上检测到ESC按钮(全屏显示时)
- Chrome应用程序在全屏中创建新窗口-html元素不是全高的
- 如何在ChromeOS上从Chrome应用程序配对新的蓝牙设备
- 通过chrome后台扩展或后台应用程序访问用户麦克风
- 在Chrome和Safari中启动Angular JS应用程序的差异
- 角度UI路由器无法在chrome应用程序上运行
- 如何在Chrome应用程序中打开base64 PDF
- Chrome 包应用程序中的评估
- Chrome 打包应用程序 - 在后台/事件页面中使用 AngularJS
- 如何在不按ctrl+F5的情况下更新我的Web应用程序(chrome、mozilla、IE8+)更改
- 启动时启动chrome应用程序
- 哪个webpack开发工具适合chrome应用程序
- Chrome标签或书签滚动会影响angular应用程序
- Chrome在刷新应用程序后30秒以上没有响应(打开了开发工具)
- Chrome应用程序中AJAX请求的限制是什么
- 后台脚本托管的应用程序chrome