google-chrome - 使 Chrome 应用程序以特殊窗口边框运行

标签 google-chrome google-chrome-app

这是我当前的 manifest.json 文件:

{
  "manifest_version": 2,
  "name": "My App",
  "description": "My App Description",
  "author": "My Name",
  "version": "1.0.0",
  "app": {
    "urls": [
      "http://www.example.com"
    ],
    "launch": {
      "web_url": "http://www.example.com",
      "container": "panel",
      "height": 500,
      "width": 500
    }
  },
  "icons": {
    "128": "app128.png"
  },
  "permissions": []
}

发生了什么:应用程序在带有系统边框的 500x500px 窗口中打开。

我需要什么:应用程序需要以 Chrome 风格的边框打开。 (与 Google Keep 应用相同,或者如果您没有 Google Keep 应用,请转至应用启动器 => 汉堡按钮 => 设置)

我需要在 manifest.json 文件中更改或添加哪些内容?谢谢!

我得到的内容与我需要的内容的屏幕截图: enter image description here

最佳答案

尽管我对区分 hosted app 的细微差别一无所知,一个Chrome App ,以及 packaged app ,我怀疑您的“托管”应用程序使用其“主机”操作系统的系统边框,并且重写为“Chrome”应用程序将为您提供与 Google Keep 相同的 Chrome 风格边框。

请尝试这个重写;我很好奇它是否有效:(你必须使用 <webview> )

manifest.json

{
  // name, description, manifest_version, etc
  // NOT "launch"
  "app": { "background": { "scripts": ["main.js"] } },
  "permissions": ["webview"]
}

main.js

chrome.app.runtime.onLaunched.addListener(function() {
  chrome.app.window.create("webview-embedder.html");
});

webview-embedder.html

<!DOCTYPE html>
...
  <body><webview src="http://www.example.com"></webview></body>
</html>

如果这有效的话我会非常兴奋:-p。

关于google-chrome - 使 Chrome 应用程序以特殊窗口边框运行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24517089/

相关文章:

html - 可拖动的 ="true"在 Chrome 打包应用程序的 <webview> 中不起作用

javascript - chrome.hid.send 在 PC 上失败但在 Mac 上有效

javascript - php 在 Firefox 和 Chrome 中流式传输 wav

html - 为什么这个 IndexedDB put 命令失败了?错误 : DataError: DOM IDBDatabase Exception 0

dart - Polymer dart元素可在Ubuntu上运行,但不能在Android设备上的chrome应用程序中使用

database - Chrome 打包应用程序在与互联网断开连接时共享本地数据

javascript - Chrome 应用程序/内联脚本

css - Chrome 中字体大小为 2em 的问题

html - 通过 CSS 进行的图像转换不适用于 Chrome 和 IE

Chrome 中的 JavaScript 警报