理解Chrome应用程序导航

Question

我目前正在研究创建Chrome应用程序，并已经完成了一些基本的教程。到目前为止，除了一个问题，我对基础知识感到满意。

所有的示例代码和教程似乎只有一个HTML文件，但如果我想将使用多个HTML页面的Web应用程序转换为Chrome应用程序怎么办？

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

由于我不是来自Web开发背景，所以我是否缺少一些基本的东西来完成这个操作？

- Donal Rafferty

---

请参见：http://stackoverflow.com/q/17198452/1507998 和 http://stackoverflow.com/q/15752860/1507998 - rsanchez

Answer 1

文森特·谢布(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";
...

- Sergey Shevchenko

Answer 2

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

- Vincent Scheib