La libreria Angular CDK permette di avere informazioni sul browser su cui sta girando l'applicazione come il tipo di browser e se alcune funzionalità sono supportate. Questo è possibile grazie alla classe Platform e ai metodi getSupportedInputTypes, supportsPassiveEventListeners e supportsScrollBehavior tutti importati dal modulo @angular/cdk/platform.
La classe ci offre le informazioni sul tipo di browser, mentre i metodi rispettivamente dicono quali sono i tipi di input supportati, se sono supportati gli event listener passivi (ottimali per migliorare le prestazioni dello scrolling ad esempio) e se è supportato lo scrolling behavior (che migliora ulteriormente lo scrolling).
import {Component} from '@angular/core'; import { getSupportedInputTypes, Platform, supportsPassiveEventListeners, supportsScrollBehavior, } from '@angular/cdk/platform'; @Component({ templateUrl: 'view.html' }) export class PlatformExample { supportedInputTypes = Array.from(getSupportedInputTypes()).join(', '); supportsPassiveEventListeners = supportsPassiveEventListeners(); supportsScrollBehavior = supportsScrollBehavior(); constructor(public platform: Platform) {} }
<h1>Info:</h1> <ul> <li>Android: {{platform.ANDROID}}</li> <li>iOS: {{platform.IOS}}</li> <li>Firefox: {{platform.FIREFOX}}</li> <li>Blink: {{platform.BLINK}}</li> <li>Webkit: {{platform.WEBKIT}}</li> <li>Trident: {{platform.TRIDENT}}</li> <li>Edge: {{platform.EDGE}}</li> <li>Input types: {{supportedInputTypes}}</li> <li>Passive event listeners: {{supportsPassiveEventListeners}}</li> <li>Scroll behavior: {{supportsScrollBehavior}}</li> </ul>
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Elencare le container images installate in un cluster di Kubernetes
Creare alias per tipi generici e tuple in C#
Specificare il versioning nel path degli URL in ASP.NET Web API
Disabilitare automaticamente un workflow di GitHub
Criptare la comunicazione con mTLS in Azure Container Apps
Miglioramenti nelle performance di Angular 16
.NET Conference Italia 2023
Applicare il versioning ai nostri endpoint ASP.NET Core Minimal API
Gestire i null nelle reactive form tipizzate di Angular
Semplificare il deployment di siti statici con Azure Static Web App
Supportare il sorting di dati tabellari in Blazor con QuickGrid
Registrare servizi multipli tramite chiavi in ASP.NET Core 8