La nuova versione di ASP.NET MVC 4 introduce una serie di funzionalità aggiuntive relativamente al supporto di device mobile, sotto diversi punti di vista:
- Il template Mobile Application include già i necessari riferimenti a jQuery Mobile e può essere utilizzato come base di partenza per capire come strutturare un sito pensato per essere visualizzato su uno smartphone;
- Una serie di facility a livello di View Engine ci consentono di realizzare view specifiche per i dispositivi mobili (o addirittura per una particolare categoria di device).
In particolare, se il nostro progetto include una view denominata Index.cshtml, ci basterà crearne una aggiuntiva, denominata Index.mobile.cshtml, affinché quest'ultima venga automaticamente utilizzata nel caso in cui la pagina sia visitata da un browser mobile.
<h1>View di default</h1>
<h1>View specifica per device mobile</h1>
Se proviamo a visitare questa pagina con l'emulatore Windows Phone, otterremo il risultato in figura:
Ovviamente questi concetti valgono per qualsiasi view, comprese partial view o di layout: ciò ci consente, ad esempio, di realizzare un file _layout.mobile.cshtml che implementi una struttura di pagina specifica per dispositivi e che includa, ad esempio, un foglio di stile ad-hoc.
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Ottimizzare la latenza in Blazor 8 tramite InteractiveAuto render mode
Utilizzare Azure AI Studio per testare i modelli AI
Assegnare un valore di default a un parametro di una lambda in C#
Effettuare il deploy di immagini solo da container registry approvati in Kubernetes
Gestire liste di tipi semplici con Entity Framework Core
Gestire i null nelle reactive form tipizzate di Angular
Usare le collection expression per inizializzare una lista di oggetti in C#
Evitare (o ridurre) il repo-jacking sulle GitHub Actions
Registrare servizi multipli tramite chiavi in ASP.NET Core 8
Eseguire le GitHub Actions offline
Sviluppare un'interfaccia utente in React con Tailwind CSS e Preline UI
Utilizzare la session affinity con Azure Container Apps
I più letti di oggi
- Sfruttare le funzionalità degli Azure Cognitive Service on-edge con i container
- Configurare il nome della run di un workflow di GitHub in base al contesto di esecuzione
- I tutorials, percorsi guidati per tutti
- Introduzione ai Cognitive Services di Microsoft Azure
- Gestire gli eventi dei servizi Azure mediante Event Grid