Come sappiamo, da ASP.NET MVC 4 è stato introdotto il supporto alla gestione dei browser mobile, in particolare grazie ai DisplayModeProvider. Grazie a essi, possiamo realizzare due versioni di una qualsiasi view, MyView.cshtml e MyView.mobile.cshtml, e il runtime si preoccuperà di renderizzare la seconda nel caso in cui la pagina venga visitata da un dispositivo.
Alle volte, però, si preferisce comunque inserire in pagina un link che forzi la visualizzazione in modalità desktop. Per gestire questo scenario, possiamo sfruttare un extension method denominato SetOverriddenBrowser, contenuto nel namespace System.Web.WebPages, come nella action seguente:
public ActionResult ForceDesktop(string returnUrl) { this.HttpContext.SetOverriddenBrowser(BrowserOverride.Desktop); return this.Redirect(returnUrl); }
La chiamata a questa action può essere poi inserita direttamente nella nostra layout page, e visualizzata solo nel caso di un browser mobile:
@if (this.ViewContext.HttpContext.GetOverriddenBrowser().IsMobileDevice) { @Html.ActionLink("Full site", "ForceDesktop", "Home", new { returnUrl = this.Request.Url.ToString() }, null) }
Come possiamo notare, per determinare se il browser è di tipo mobile, invece di usare Request.Browser.IsMobileDevice, abbiamo sfruttato l'extension method GetOverriddenBrowser. Quest'ultimo, infatti, tiene conto dell'eventuale override ed è preferibile al primo, che invece rifletterà sempre le caratteristiche effettive del browser.
Quando viene invocato il metodo SetOverriddenBrowser, viene settato un cookie che fa sì che l'impostazione scelta persista anche nelle richieste successive. Per ripristinare il comportamento standard, è sufficiente invocare il metodo ClearOverriddenBrowser:
public ActionResult BackToDefault(string returnUrl) { this.HttpContext.ClearOverriddenBrowser(); return this.Redirect(returnUrl); }
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Ordine e importanza per @layer in CSS
.NET Conference Italia 2024
Applicare un filtro per recuperare alcune issue di GitHub
Usare il colore CSS per migliorare lo stile della pagina
Miglioramenti nelle performance di Angular 16
Utilizzare Azure Cosmos DB con i vettori
Eliminare una project wiki di Azure DevOps
Referenziare un @layer più alto in CSS
Evitare (o ridurre) il repo-jacking sulle GitHub Actions
Proteggere le risorse Azure con private link e private endpoints
Effettuare il binding di date in Blazor
Gestione dell'annidamento delle regole dei layer in CSS
I più letti di oggi
- Simulare Azure Cosmos DB in locale con Docker
- Utilizzare il metodo Index di LINQ per scorrere una lista sapendo anche l'indice dell'elemento
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!
- .NET Conference Italia 2024 - Milano
- .NET Conference Italia 2023 - Milano e Online