Встроенный браузер с iframe
Я пишу веб-приложение, которое будет работать в режиме киоска на сенсорном экране. В настоящее время я нацеливаю его только на работу в Firefox 3. В некоторых случаях мне нужно посещать внешние сайты. Я хочу сделать это со встроенным браузером, с которым я справляюсь с помощью <iframe>. Мне нужны кнопки назад / вперед для встроенной домашней страницы.
Мне удалось получить доступ к объекту истории iframe с помощью
var w = document.getElementById('embeddedBrowser').contentWindow;
w.history.back();
history встроенного окна такой же, как и у родительского окна. Поэтому для вновь загруженного <iframe> этот вызов вернется на предыдущую страницу системы.
Есть ли способ избежать этого или более правильный способ решения этой проблемы?
У меня запущено веб-приложение на сенсорном экране в режиме киоска. Встроенный сайт - это просто iframe внутри страницы в веб-приложении.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 2
Возможно, вы захотите взглянуть на Adobe AIR. Он позволяет вам писать приложение, используя все те же инструменты / языки (ajax, html и т. д. И т. Д.), Но поскольку оно работает как настольное приложение, а не в веб-браузере, у вас больше контроля над такими вещами, как встраивание фреймов браузера и точно знать, что они делают, по какому URL-адресу, контролировать его историю и т. д. Смотри сюда для нескольких указателей по началу работы.
Поскольку на каждой вкладке есть только один объект истории, это кажется невозможным. Правильный способ обойти это - проверить window.history.current или window.history.previous перед обратным звонком. К сожалению, window.history.current является привилегированным и поэтому недоступен для неподписанных страниц.
Вот приблизительный набросок беспорядочного обходного пути:
<iframe src = "somepage.html" name = "myframe"></iframe>
<p><a href = "#" id = "backBtn">Back</a></p>
<script type = "text/javascript">
document.getElementById('backBtn').onclick = function () {
if (window.frames['myframe'].location.hash !== '#stopper') {
window.history.back();
}
// ... else hide the button?
return false; // pop event bubble
};
window.frames['myframe'].onload = function () {
this.location.hash = 'stopper';
};
</script>
Конечно, это предполагает, что просмотр (#hash) в родительском окне никогда не продолжается, и так далее, но, похоже, это работает для проблемы ограничения движения назад.
Вы встраиваете это в другое приложение?