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
Utilizzare Tailwind CSS all'interno di React: installazione
Utilizzare un service principal per accedere a Azure Container Registry
Evitare (o ridurre) il repo-jacking sulle GitHub Actions
Installare le Web App site extension tramite una pipeline di Azure DevOps
Triggerare una pipeline su un altro repository di Azure DevOps
Gestione dell'annidamento delle regole dei layer in CSS
Gestire domini wildcard in Azure Container Apps
Sfruttare gli embedding e la ricerca vettoriale con Azure SQL Database
Eseguire i worklow di GitHub su runner potenziati
Persistere la ChatHistory di Semantic Kernel in ASP.NET Core Web API per GPT
Filtering sulle colonne in una QuickGrid di Blazor
Sfruttare MQTT in cloud e in edge con Azure Event Grid