通过webview

时间:2015-05-27 11:56:56

标签: javascript css html5 google-chrome-app

我构建了简单的桌面应用程序,它将内容加载到webview元素中。

现在我正在寻找一些选项,如何根据webview中从DOM调用的一些Javascript操作来调整应用程序窗口的大小。

例如: 默认情况下,我会在桌面上显示与使用此Chrome应用程序的人员相关的一些信息。这些数据是从我们使用HTML / CSS / jQuery呈现的servera上运行的PHP应用程序中获取的。 现在我想呈现一些表单,这将为我们提供直接在Chrome应用程序中编辑此内容并将其存储在数据库中的选项,但问题是,默认情况下Chrome应用程序非常小:约。 200x300px,此刻,当我渲染此表单时,我需要将整个应用程序调整为大约。 300x500px,我不知道如何实现这一点。

我正在浏览Chrome应用文档,其中我找到了一些与app.window相关的信息,但我找不到方法,如何将其应用到真实世界应用中并通过webview元素内的Javascript执行此类命令。

感谢您提出任何意见和建议。

1 个答案:

答案 0 :(得分:0)

你是正确的chrome.app.window是必需的API,但是嵌入webview的页面没有权限来调用它。

您需要communicate with your app's script,它具有必要的权限。我实际上建议使用"externally_connectable" method,因为它是针对特定网站的。

将消息传递到应用页面的脚本后,您可以使用

调整窗口大小
chrome.app.window.current().innerBounds.setSize(width, height)

或者,如果是事件页面中的监听者,

chrome.app.window.get(windowId).innerBounds.setSize(width, height)

请注意,您可以在创建窗口时设置初始大小。