Current Device

current-device este o bibliotecă de detectare a dispozitivelor JavaScript utilizată pentru a identifica sistemele de operare, categoriile de dispozitive și orientările ecranului într-un mediu de browser web. Servește ca detector de mediu de browser și mapper client-side care traduce metadatele browserului și string-urile user-agent în etichete de dispozitiv și categorii hardware predefinite.

Biblioteca oferă instrumente pentru executarea unei logici JavaScript specifice bazate pe platforma mobilă sau desktop detectată. De asemenea, funcționează ca un instrument de stilizare condițională și injector de clase în corpul documentului, aplicând clase HTML descriptive pentru a permite stilizarea vizuală specifică dispozitivului.

Sistemul include un monitor de orientare a ecranului pentru a detecta și a reacționa la schimbările între modurile portret și peisaj în timp real. Acoperă capabilități generale pentru parsarea user-agent-ului, adaptarea web cross-platform și gestionarea responsivă a orientării.

Features

User Environment Detectors - A system for executing specific JavaScript logic based on the user's current mobile or desktop platform.
Client Device Detection - Implements a client-side library to identify device types and operating systems for delivering optimized web experiences.
Device and OS Detectors - Identifies the operating system, device category, and screen orientation to trigger logic specific to the user's environment.
Device-Conditional Logic - Triggers specific JavaScript actions based on the detected device type, operating system, or current screen orientation.
Environment-Specific Execution - Uses JavaScript logic to determine hardware characteristics and execute environment-specific code paths.
Execution Path Detection - Detects the runtime environment to trigger specific JavaScript code execution paths based on the user platform.
String Parsing - Extracts device and operating system information by analyzing the browser identification string.
User-Agent Pattern Matching - Extracts operating system and device categories by matching browser identification strings against predefined regex patterns.
Device Detection Utilities - Adds descriptive CSS classes to HTML elements based on the user's operating system, device type, and screen orientation.
Screen Orientation Detection - Includes a real-time monitor to detect and react to changes between portrait and landscape screen orientations.
Browser Environment Mapping - Maps raw browser metadata to a set of device categories and operating system labels during runtime.
Client-Side Environment Mapping - Maps browser metadata and user-agent strings to predefined device labels and hardware categories.
User Agent Parsers - Extracts device and operating system information from browser metadata to categorize the user's environment.
Conditional CSS Styling - Provides the ability to apply specific CSS styles based on the detected hardware and operating system.
CSS Class Utilities - Ships a utility that dynamically injects CSS classes into the document body based on device detection.
Device-Specific Styling - Applies different CSS rules based on the user's operating system, device type, or screen orientation for a tailored visual experience.
Orientation Change Listeners - Listens for window resize or orientation change events to trigger immediate updates to the environment state.
Layout Orientation Recalculation - Executes custom code or updates layouts in real time when a device switches between portrait and landscape viewing modes.
State-Based CSS Toggling - Dynamically modifies HTML element classes to adapt layouts for portrait versus landscape viewing modes.
CSS Class-Based Styling - Adds descriptive CSS classes to HTML elements based on the detected device and orientation for custom styling.
Environment Class Injection - Applies descriptive identifiers to the document body to allow for device-specific CSS targeting.
Cross-Platform Web Frameworks - Tailors a website's behavior and appearance to match the specific constraints of different mobile and desktop platforms.
Orientation Change Callbacks - Executes a callback function immediately whenever the device switches between landscape and portrait viewing modes.

Istoric stele

matthewhudsoncurrent-device

Name: matthewhudson/current-device
Author: matthewhudson

View on GitHub

3,934 stele575 fork-uriTypeScriptMIT1 vizualizarematthewhudson.github.io/current-device

Current Device

Features

User Environment Detectors - A system for executing specific JavaScript logic based on the user's current mobile or desktop platform.
Client Device Detection - Implements a client-side library to identify device types and operating systems for delivering optimized web experiences.
Device and OS Detectors - Identifies the operating system, device category, and screen orientation to trigger logic specific to the user's environment.
Device-Conditional Logic - Triggers specific JavaScript actions based on the detected device type, operating system, or current screen orientation.
Environment-Specific Execution - Uses JavaScript logic to determine hardware characteristics and execute environment-specific code paths.
Execution Path Detection - Detects the runtime environment to trigger specific JavaScript code execution paths based on the user platform.
String Parsing - Extracts device and operating system information by analyzing the browser identification string.
User-Agent Pattern Matching - Extracts operating system and device categories by matching browser identification strings against predefined regex patterns.
Device Detection Utilities - Adds descriptive CSS classes to HTML elements based on the user's operating system, device type, and screen orientation.
Screen Orientation Detection - Includes a real-time monitor to detect and react to changes between portrait and landscape screen orientations.
Browser Environment Mapping - Maps raw browser metadata to a set of device categories and operating system labels during runtime.
Client-Side Environment Mapping - Maps browser metadata and user-agent strings to predefined device labels and hardware categories.
User Agent Parsers - Extracts device and operating system information from browser metadata to categorize the user's environment.
Conditional CSS Styling - Provides the ability to apply specific CSS styles based on the detected hardware and operating system.
CSS Class Utilities - Ships a utility that dynamically injects CSS classes into the document body based on device detection.
Device-Specific Styling - Applies different CSS rules based on the user's operating system, device type, or screen orientation for a tailored visual experience.
Orientation Change Listeners - Listens for window resize or orientation change events to trigger immediate updates to the environment state.
Layout Orientation Recalculation - Executes custom code or updates layouts in real time when a device switches between portrait and landscape viewing modes.
State-Based CSS Toggling - Dynamically modifies HTML element classes to adapt layouts for portrait versus landscape viewing modes.
CSS Class-Based Styling - Adds descriptive CSS classes to HTML elements based on the detected device and orientation for custom styling.
Environment Class Injection - Applies descriptive identifiers to the document body to allow for device-specific CSS targeting.
Cross-Platform Web Frameworks - Tailors a website's behavior and appearance to match the specific constraints of different mobile and desktop platforms.
Orientation Change Callbacks - Executes a callback function immediately whenever the device switches between landscape and portrait viewing modes.

Alternative open-source pentru Current Device

Proiecte open-source similare, clasificate după numărul de funcționalități comune cu Current Device.

arasatasaygin/is.js
arasatasaygin/is.js
9,078Vezi pe GitHub
is.js is a JavaScript validation library and data type checker. It provides a suite of utilities to verify whether variables are primitives, arrays, functions, or specific object types. The project allows for the implementation of custom validation logic and the use of naming namespaces to override default rules and regular expressions. It covers a broad range of validation capabilities, including numeric arithmetic properties, date and time analysis for relative and absolute ranges, and string format verification for patterns such as emails, URLs, and IP addresses. The library also includes
JavaScript
Vezi pe GitHub9,078
hgoebl/mobile-detect.js
hgoebl/mobile-detect.js
4,137Vezi pe GitHub
mobile-detect.js is a JavaScript library for user agent detection. It analyzes browser request headers to identify hardware types, operating systems, and browser versions. The library includes a client hardware profiler that assigns performance and capability grades to mobile devices based on their characteristics. It also provides tools to apply specific CSS classes to the document body based on detected hardware to enable responsive styling. The project covers broad analysis capabilities, including the detection of mobile phones, tablets, and desktop computers. It extracts operating system
JavaScript
Vezi pe GitHub4,137
jenssegers/agent
jenssegers/agent
4,813Vezi pe GitHub
This project is a PHP user agent parser and mobile device detector. It analyzes HTTP user agent strings to identify the visitor's web browser, operating system, and device type. The library provides a dedicated integration for the Laravel web framework. It distinguishes between mobile phones, tablets, and desktop computers while identifying web robots and the specific names of search engine crawlers. The tool's capabilities include extracting preferred languages from request headers and verifying specific user agent properties. It uses regular expression pattern matching and static data mapp
PHP
Vezi pe GitHub4,813
bowser-js/bowser
bowser-js/bowser
5,739Vezi pe GitHub
Bowser is a browser detection library that parses user-agent strings to identify a browser's name, version, rendering engine, and operating system. It functions as a user-agent parser and version constraint checker, extracting structured browser and platform details from raw user-agent strings without external dependencies. The library distinguishes itself by integrating User-Agent Client Hints alongside traditional user-agent data for more accurate browser identification in modern environments. It provides cross-platform browser detection that works consistently across desktop and mobile ope
JavaScriptbrowserbrowser-detectionbrowser-detector
Vezi pe GitHub5,739

Vezi toate cele 30 alternative pentru Current Device

Întrebări frecvente

Ce face matthewhudson/current-device?

Care sunt principalele funcționalități ale matthewhudson/current-device?

Principalele funcționalități ale matthewhudson/current-device sunt: User Environment Detectors, Client Device Detection, Device and OS Detectors, Device-Conditional Logic, Environment-Specific Execution, Execution Path Detection, String Parsing, User-Agent Pattern Matching.

Care sunt câteva alternative open-source pentru matthewhudson/current-device?

Alternativele open-source pentru matthewhudson/current-device includ: arasatasaygin/is.js — is.js is a JavaScript validation library and data type checker. It provides a suite of utilities to verify whether… hgoebl/mobile-detect.js — mobile-detect.js is a JavaScript library for user agent detection. It analyzes browser request headers to identify… jenssegers/agent — This project is a PHP user agent parser and mobile device detector. It analyzes HTTP user agent strings to identify… bowser-js/bowser — Bowser is a browser detection library that parses user-agent strings to identify a browser's name, version, rendering… fomantic/fomantic-ui — Fomantic-UI is a component-based CSS library and frontend design system used to build consistent, responsive user… dodyg/practical-aspnetcore — This project is a comprehensive sample library and implementation guide for ASP.NET Core. It provides a collection of…