了解Chrome应用导航

时间:2013-11-25 15:24:31

标签: google-chrome-extension google-chrome-app google-chrome-os

我目前正在考虑创建Chrome应用程序,现在已经遵循了一些基本教程。到目前为止,我对基础知识感到满意,除了一件事。

所有示例代码和教程似乎只在程序包中包含一个html文件,但如果我想使用一个Web应用程序,我会使用多个HTML页面并将其转换为Chrome应用程序?

当我想要显示其他一些HTML时,如何让Chrome应用从index.html更改为另一个html页面?我已经尝试使用标准的html锚标记以及设置为_blank或_self的目标,但它只会在浏览器中打开互联网上的URL,而不是在我的应用程序中更改页面。

我不是来自网络开发背景,所以我错过了一些基本的工作吗?

2 个答案:

答案 0 :(得分:3)

打包的应用程序故意不支持导航。应用程序不在浏览器中,没有前进,后退或重新加载的概念。需要导航概念的应用程序应使用支持该功能的用户界面框架。例如。通过操纵DOM,使用CSS或使用iframe动画和控制应用程序组件的可见性。

答案 1 :(得分:3)

Vincent Scheib所说的最简单的版本:

<强>的index.html

...
<div id="screen1" style="display:block">
...
</div>
<div id="screen2" style="display:none">
...
</div>

<强> main.js

...
// A navigational event happens:
document.getElementById("screen1").style.display = "none";
document.getElementById("screen2").style.display = "block";
...