browserstate/history.js
History.js
history.js is a cross-browser URL state manager and HTML5 History API polyfill. It functions as a single page application router that manages browser URL and history state consistently across HTML5 and HTML4 browsers, enabling navigation without triggering full page reloads.
The project provides a JavaScript framework adapter that integrates history management with the event systems of jQuery, MooTools, and Prototype. It ensures compatibility through a fallback mechanism that switches to hash-based navigation and hashbang URLs when the native HTML5 History API is unavailable.
The system covers broad capabilities including state management for associating and serializing data objects to history entries, asynchronous URL updates for AJAX state bookmarking, and session history navigation. It also includes support for crawler indexability, search history integration, and the ability to maintain continuous media playback during state changes.
Features
- Single-Page Applications - Manages browser URL and history state to enable seamless navigation and bookmarkable states in single-page applications without full page reloads.
- Browser History Persistence - Associates and serializes arbitrary JavaScript objects and titles to browser history entries for retrieval during session navigation.
- URL State Serialization - Encodes application state and titles into the URL hash or state object for shareable and persistent views.
- Client-Side Routers - Functions as a navigation manager that updates the browser URL and session state without triggering full page reloads.
- AJAX Page Loaders - Fetches HTML fragments or JSON responses asynchronously to update page content without full reloads.
- Stateful Bookmarking - Creates unique, shareable URLs for asynchronous content loads by synchronizing the address bar with AJAX updates.
- Browser API Normalizers - Abstracts inconsistent browser history implementations into a single, unified API for pushState, replaceState, and popState.
- Browser History Management - Synchronizes application state with browser history by standardizing the history interface across different browsers.
- Hash-Based Fallbacks - Automatically switches to hashchange events and hashbang URLs when the HTML5 History API is unavailable.
- State Data Association - Attaches arbitrary data objects to each history entry and retrieves them when the entry becomes active.
- Legacy Browser Support - Provides fallback mechanisms using hashbang URLs to ensure navigation functionality in legacy browsers lacking native HTML5 History API support.
- Feature Detection Polyfills - Implements runtime utilities to detect browser history capabilities and apply hash-based fallbacks for consistent behavior.
- History API Polyfills - Normalizes the HTML5 History API across browsers, providing pushState, replaceState, and popState support with automatic hash-based fallbacks.
- History Stack Controllers - Programmatically manipulates the URL and session state to enable SPA navigation without page reloads.
- State Serializers - Encodes arbitrary JavaScript objects and titles into the URL hash for state persistence in legacy browsers.
- URL Normalization Utilities - Standardizes request paths by transparently converting between hash, hashbang, and clean URL formats.
- URL State Management - Synchronizes application state with the browser URL consistently across different browser versions to manage single-page application state.
- Event Dispatchers - Uses an event-driven architecture to decouple application state transitions from native browser navigation events.
- Browser History Navigations - Provides programmatic control to move the user forward or backward through the browser's session history.
- Browser Event Listeners - Provides mechanisms for capturing and responding to browser-level navigation and anchor change events.
- Application Event Dispatching - Routes high-level statechange events to distinguish application transitions from ordinary anchor navigation.
- Browser Session Management - Synchronizes URL changes and session state across browser implementations to ensure consistent navigation.
- Crawler-Friendly Rendering - Delivers full HTML for direct URLs and partial content for AJAX requests to ensure dynamic content is indexable by search engines.
- Cross-Framework Adapters - Provides connectors that enable history management functionality across jQuery, MooTools, and Prototype frontend stacks.
- Cross-Framework Integration Utilities - Provides a unified history management API that operates consistently across jQuery, MooTools, and Prototype environments.
- Browser History API Updates - Handles hashbangs and history API updates uniformly to ensure consistent URL state across all browsers.
- Event System Adapters - Integrates history management with the specific event systems of jQuery, MooTools, and Prototype.
- Polyfills and Compatibility - Implementation of the History API.
- 路由和链接(Routing And URLs) - Listed in the “路由和链接(Routing And URLs)” section of the Awesome Frontend awesome list.
