В этой статье в основном представлены углубленное исследование API HTML5 History, и фокусируется на новой истории методов. Pushstate () и History.Replacestate () в HTML5. Друзья, которые это нужно, могут ссылаться на это.
История - это весело, не так ли? В предыдущих версиях HTML у нас были очень ограниченные операции по истории просмотра. Мы можем использовать методы, которые мы можем использовать туда -сюда, но это все, что мы можем сделать.
Однако, используя HTML 5 History API, мы можем лучше контролировать историю браузера. Например: мы можем добавить запись в список истории или обновить URL -адрес адресной строки, когда она не обновляется.
Зачем вводить историю API?
В этой статье мы узнаем о происхождении API истории в HTML 5. До этого мы часто использовали значения хэш для изменения содержания страницы, особенно те, которые особенно важны для страницы. Поскольку он не обновлен, невозможно изменить свой URL -адрес для приложения с одной страницей. Кроме того, когда вы измените хеш -ценность URL, он не влияет на историю браузера.
Затем, теперь для API HTML 5, их легко реализовать, но, поскольку одностраничные приложения не должны использовать значения хэша, это может потребовать дополнительных сценариев разработки. Это также позволяет нам создавать новые приложения в SEO-дружелюбном способе. Кроме того, это может уменьшить пропускную способность, но как ее можно доказать?
В статье я буду использовать API History для разработки приложения для одной страницы, чтобы доказать вышеуказанную проблему.
Это также означает, что я должен сначала загрузить необходимые ресурсы на домашней странице. Теперь начните, страница загружает только тот контент, который вам нужен. Другими словами, приложение не загружает все контент в начале и будет загружено только при запросе второго содержимого приложения.
Обратите внимание, что вам нужно выполнить некоторую кодировку на стороне сервера, чтобы предоставить только часть ресурсов, а не полное содержание страницы.
Поддержка браузераПри написании этой статьи поддержка API History API от крупных браузеров очень хороша. Вы можете нажать здесь, чтобы просмотреть их поддержку. Эта ссылка сообщит вам поддерживаемые браузеры, и перед их использованием всегда есть хорошие методы для обнаружения конкретных поддерживаемых функций.
Чтобы определить, поддерживает ли браузер этот API, вы можете использовать следующую строку кода для проверки:
Xml/html -код копировать содержимое в буфер обмена