Понимание навигации в приложении Chrome

Question

В настоящее время я начинаю смотреть на создание приложений Chrome и следую нескольким основным учебным пособиям. Я доволен основами до сих пор, за исключением одной вещи.

Все примеры кода и учебные пособия, похоже, содержат только один HTML-файл в пакете, но что если я захочу взять имеющееся у меня веб-приложение, использующее более одной HTML-страницы, и превратить его в приложение Chrome?

Как заставить приложение Chrome перейти с index.html на другую html-страницу, когда я хочу показать другой html? Я попытался использовать стандартный HTML-тег привязки вместе с целью, установленной на _blank или _self, но он будет открывать только URL в Интернете в браузере, а не изменять страницу в моем приложении.

Я не из среды веб-разработки, поэтому я что-то упустил для этого?

Answer 1

Простейшая версия того, что сказал Винсент Шейб:

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";
...

Answer 2

Упакованные приложения специально не поддерживают навигацию. Приложения не находятся в браузере, отсутствует концепция пересылки, возврата или перезагрузки. Приложения, которым требуется концепция навигации, должны использовать структуру пользовательского интерфейса, поддерживающую эту функцию. Например, манипулируя DOM, используя CSS или используя iframes для анимации и управления видимостью компонентов вашего приложения.