【发布时间】:2019-02-13 03:15:03
【问题描述】:
您可以看到标题/标题栏与左侧导航菜单的颜色相同。
虽然据我所知这仅适用于 Android/IOS/Windows Phone,但这是我第一次在 Chrome 中看到它。
版本为:69.0.3497.81 (Official Build) (64-bit) (cohort: 69_win_81)
我该如何做到这一点?我尝试了在 Stackoverflow 上找到的几个选项,但没有一个有效。如:
<meta name="theme-color" content="#999999" />
<meta name="msapplication-navbutton-color" content="#4285f4">
第一个似乎只适用于在 Android 上运行的 Chrome 浏览器。第二个选项我不确定那是什么。
将 .html 文档作为 Chrome 应用窗口启动的 Chrome 参数:
"...\chrome.exe" -app="file:\\\\...\myApp.html"
【问题讨论】:
-
听起来你在谈论设置你的Web App Manifest
-
正是我需要的。但是有没有办法通过 .html 使用该清单?因为我无法通过 Chrome 提供的在桌面上创建快捷方式选项创建快捷方式。因此,在这种情况下使用清单将不起作用。标准 .html 的任何可能性?因为我通过文件管理器上传和更改相同的文档并不容易。
-
不确定我是否理解您的问题。 manifest.json 在你的 html 中被声明为一个外部文件,或者像
<link rel="manifest" href='data:application/manifest+json,{ "name": "My Cool Web App", "short_name": "CoolWeb", "description": "It is beer oclock!"}' ................etc........./>这样的内联文件 -
问题是,只有通过网站 URL 才能“工作”。但我希望它能够与独立的 .HTML 文档一起使用。不是标准的网站 URL,例如 facebook.com。我的“应用程序”正在从 file:///C:/users.../Desktop/myApp.html 加载。有没有办法将清单分配给它?所以 Chrome 认为它是一个“Web Store 应用程序”或“扩展程序”。基本上。获取 .HTML 文档,并通过 manifest.json 文件将其视为已安装的扩展,因此可以使用 "background_color": "#000", 分配标题栏颜色
-
看到内联示例了吗?这将位于独立的 html 文件中,其中
href='data:application/manifest+json,{ "name"..............有一个对象,您将在其中包含您的颜色和第一个链接中指定的所有内容作为可能的属性,而不是在外部 json 文件中,因为它是内联的,并且都很好地位于一个单个html文件:)
标签: html css google-chrome google-chrome-app