Комментарий: Сегодня наш контент о том, как создать автономные веб -приложения. Преимущество состоит в том, что он позволяет браузеру загружать указанные нами веб -ресурсы, чтобы пользователи могли обычно использовать наш сайт, находясь в автономном режиме.
Сегодня наш контент о том, как создать автономные веб -приложения. Преимущество состоит в том, что браузер может загружать указанные нами веб -ресурсы, чтобы пользователи могли нормально использовать наш сайт, находясь в автономном режиме.
1. Определите манифест
Мы используем манифест для перечисления ресурсов, к которым необходимо получить доступ при автономном режиме. Это сам файл текста. Первая строка часто является манифестом кеша, а затем перечисляет необходимые нам ресурсы, по одному на строку. Не существует фиксированных правил именования для файлов, и нет никаких требований к именам суффиксов. Единственное требование-определить имена суффиксов на стороне сервера как тип типа Text/Cache-Cache.
Если это сервер IIS 7, выполните следующие шаги:
1. Например, если суффикс.
2. Дважды щелкните тип пары справа;
3. Щелкните правой кнопкой мыши, чтобы добавить тип MIME, так что конфигурация завершена.
После завершения конфигурации сервера добавьте файл манифеста.
Кэш Манифест
Manifestfile.html
IMG/1.JPG
IMG/2.JPG
IMG/3.JPG
Тогда давайте посмотрим на следующий пример.
<! Doctype html>
<html manifest = "manifest.appcache">
<голова>
<title> Пример </title>
<style>
IMG
{
Граница: средний двойной черный;
Заполнение: 5px;
Маржа: 5px;
}
</style>
</head>
<тело>
<img src = "img /1.jpg" />
<div>
<Кнопка> CAR1 </Button>
<Кнопка> CAR2 </Button>
<Кнопка> CAR3 </Button>
</div>
<Скрипт>
var buttons = document.getElementsbytagname ('button');
для (var i = 0; i <buttons.length; i ++) {
кнопки [i] .onclick = handlebuttonpress;
}
функция handlebuttonpress (e) {
document.getElementbyId ('imgtarget'). src = 'img/' + e.target.id + '.jpg';
}
</script>
</body>
</html>
Когда программа работает, в зависимости от браузера, некоторые браузеры спросят вас, разрешаете ли вы сохранению автономных данных локально, а некоторые нет. Такое простое автономное приложение создается.
2. Ответы на сомнения
Я также столкнулся с некоторыми проблемами и сомнениями при изучении этой части знаний, например:
1. Почему я работаю напрямую VS2010 (моя среда разработки), а автономное приложение не работает правильно?
2. Как я узнаю, было ли успешно создано автономное приложение?
3. Как я узнаю, является ли текущее приложение в автономном режиме?
4. После приостановки услуги IIS она должна быть в автономном режиме. Почему я сообщаю о ошибке 404, когда обновляю страницу?
Теперь я отвечу на эти вопросы, с которыми я столкнулся.
2.1. Сначала объясните первый вопрос. Что касается этой проблемы, то ключевой момент заключается в том, как настроен элемент конфигурации веб -приложения. Если вы используете форму сервера разработки VS, то у нас нет возможности установить для него тип MIME, поэтому в этом случае наше автономное приложение не может быть использовано. Для оставшихся двух методов веб -конфигурации, если вы следуете методу типа MIME, который я представил выше, чтобы настроить сервер IIS, ваше автономное приложение будет работать правильно.
2.2. Вторая проблема объяснена ниже. Здесь нам нужно использовать инструмент отладки браузера Chrome, использовать браузер Chrome, чтобы открыть нашу веб -программу, нажмите F12 и переключиться на вкладку «Ресурсы». До тех пор, пока наша информация о конфигурации найдена в рамках кеша приложения, а кэшированный файл можно найти, она доказывает, что наше автономное приложение было успешно создано.
2.3. Или используйте инструмент отладки Chrome, или на вкладке «Ресурсы» обратите внимание, что красная катушка живет на месте, онлайн означает онлайн.
Отключите сетевой кабель и отображайте в автономном режиме, что означает в автономном режиме. В настоящее время можно показать эффект автономного приложения.
2.4. Что касается последнего вопроса, нам все еще нужно использовать инструмент отладки браузера Chrome. Когда мы останавливаемся на службе IIS, мы смотрим на отображение вкладки «Ресурсы». Он все еще онлайн, но он превращается от холостого хода к устаревшему позже. Это также объясняет, почему автономный эффект автономного приложения не может отображаться, когда локальный IIS приостановился.
Это содержание этого раздела.