Question

我希望将我的网络应用程序打包到Chrome打包应用程序中。

我的最终目标如下：

屏蔽网址以隐藏我的通用（第二层）域名（例如http://my-app.big-company.com）。
屏蔽浏览器以显示原生桌面应用程序的外观。

利用Chrome Apps for Mobile可能提供的任何移动转化，允许我使用单个代码库和一组网络资源（HTML，CSS和JS）将我的应用部署到适用于Android和iOS的移动应用商店。< / LI>

这是我到目前为止所做的：

的manifest.json

{
    "name": "Hello World!",
    "description": "My first Chrome App",
    "version": "0.1",
    "manifest_version": 2,
    "app": {
        "background": {
            "scripts": ["background.js"]
        }
    },
    "icons": { "16": "icon-16.png", "128": "icon-128.png" }
}

background.js

chrome.app.runtime.onLaunched.addListener(function() {
    chrome.app.window.create('window.html', {
        'outerBounds': {
            'width': 400,
            'height': 500
        }
    });
});

window.html

<!DOCTYPE html>
<html>
    <head>
    </head>
    <body>
        <iframe src="http://example.com/"></iframe>
    </body>
</html>

我怀疑，至少window.html存在问题。具体来说，我怀疑我应该使用<iframe>来获取我的网络应用内容。

Here is the documentation I have been following

请帮忙。

Answer 1

你可以这样做，但你需要另一个标签;具体而言，<webview> tag代替<iframe>。有关该标记的所有可能性，请参阅链接文档。它还需要"webview"权限。

请注意，这不适用于＆＃34;应该像本机应用程序一样＆＃34;哲学，但是可能的。

Answer 2

This documentation suggests the OP's approach will not work and, instead, you need to package and install all the assets locally

如何在Google Chrome打包应用程序中正确包装Web应用程序？

2 个答案: