Layout içine css ve script import işlemi yaptığım alana basit bir kod ekleyerek sayfama mobil görünüm ve javascript ile menülere farklı özellikler ekleyerek mevcut arayüzü bir kenara atmadan değerlendirme fırsatı buldum. Günümüzde web sayfalarının mobil arayüzleri, geniş ekranlı pc ve benzeri arayüzler kadar önem kazanmıştır.
Aşağıdaki örnek mobil tespiti için kullanılan yöntemlerden sadece bir tanesidir, javascript ile sayfa yüklendiğinde tespit etmek ve “m.siteadi.com” gibi mobil subdomain altına yönlendirme yapmak daha fazla tercih edilmektedir.
Fakat kişisel görüşümü soracak olursanız, default olarak ilgili görünüşün gelmesi, çerezler veya oturum ile tutulacak bir değer ve siteye konulacak bir buton ile ziyaretçiye seçme hakkı verilmesi daha uygun olmaktadır.
strUserAgent.Contains("blackberry") || strUserAgent.Contains("mobile") ||
strUserAgent.Contains("windows ce") || strUserAgent.Contains("opera mini") ||
strUserAgent.Contains("palm"))
{
<script src="@Url.Content("~/Scripts/mobile.js")" type="text/javascript"></script>
<link href="@Url.Content("~/Content/mobile_Site.css")" rel="stylesheet" type="text/css" />
}