如何知道我的.net應用程序在哪個瀏覽器上運行？

Question

我想在不同的瀏覽器上應用不同的CSS。

我想運行一個css時，它是safari和其他所有人。

我該如何檢測並應用css？

Answer 1

您可以使用CSS瀏覽器選擇器。網上有不同的解決方案。

例如：

CSS Browser Selector

CSS的瀏覽器選擇器是一個小型的JavaScript庫，它允許你包括每個瀏覽器不同的層疊樣式表（CSS）。

一個例子：

<style type="text/css"> 
.ie .example { 
    background-color: yellow 
} 
.ie7 .example { 
    background-color: orange 
} 
.opera .example { 
    background-color: green 
} 
.webkit .example { 
    background-color: black 
</style> 

如果谷歌爲「每個瀏覽器不同的CSS」，你會發現其他的解決方案，以及，但大多歸結爲類似的解決方案。

另一種方法是檢測ASP.NET中的瀏覽器類型和功能，以便可以呈現適當的HTML/CSS/...等。你可以找到更多信息，關於這個問題在這裏：

http://msdn.microsoft.com/en-us/library/3yekbd5b.aspx

例如：

private void Button1_Click(object sender, System.EventArgs e) 
{ 
    System.Web.HttpBrowserCapabilities browser = Request.Browser; 
    string s = "Browser Capabilities\n" 
     + "Type = "     + browser.Type + "\n" 
     + "Name = "     + browser.Browser + "\n" 
     + "Version = "     + browser.Version + "\n" 
     + "Major Version = "   + browser.MajorVersion + "\n" 
     + "Minor Version = "   + browser.MinorVersion + "\n" 
     + "Platform = "    + browser.Platform; 

    TextBox1.Text = s; 
} 

請求的瀏覽器屬性返回的HttpBrowserCapabilities對象。它包含有關客戶端上運行的瀏覽器功能的信息。

http://msdn.microsoft.com/en-us/library/system.web.httpbrowsercapabilities.aspx

Answer 2

使用使用Request.Browser可以判斷瀏覽器用戶正在使用您的

Answer 3

您可以檢查Request對象的UserAgent財產。

頁頭標籤

<%# Request.UserAgent.ToLower().Contains("safari") ? 
    "<link rel='stylesheet' type='text/css' href='safari.css' />" : 
    "<link rel='stylesheet' type='text/css' href='other.css' />" %> 

Answer 4

使用下里面的東西....在你的控制......，你可以設置不同的風格......爲不同的瀏覽器asp.net文本框控件。

<asp:TextBox ID="TestTextBox" runat="server" ie:Text="You are in Internet explorer." mozilla:Text="You are in Firefox." Text="You are in other browser." ie:CssClass="IEStyle" mozilla:CssClass="FFStyle" CssClass="DefaultStyle" /> 

Answer 5

您可以從JavaScript像檢查：

if (navigator.appName == 'Microsoft Internet Explorer') { 
       var fileref = document.createElement("link") 
       fileref.setAttribute("rel", "stylesheet") 
       fileref.setAttribute("type", "text/css") 
       fileref.setAttribute("href", filename) 
      }