標籤：
寫在前面在項目中使用html5，需要針對不同的用戶端瀏覽器有不一樣的處理方式，這就需要對請求中的useragent進行分析，並進行處理。
一個例子<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Wolfy.RedirectDemo.Default" %><!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title></head><body> <form id="form1" runat="server"> <div id="msg"> </div> </form></body></html><script> function checkClinetModel() { //擷取要求標頭中的userAgent var u = navigator.userAgent; //是否是android瀏覽器 var isAndroid = u.indexOf(‘Android‘) > -1; //是否是ios瀏覽器 var isIos = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); var msg = ‘‘; if (isAndroid) { msg = "當前是android用戶端"; } else if (isIos) { msg = ‘當前是ios用戶端‘; } else { msg = ‘當前是pc端‘; }; document.getElementById("msg").innerHTML = msg; }; checkClinetModel();</script>
為了自適應頁面可以加上這個meta
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
測試
總結這裡記錄一下，以後會經常用到。
js判斷是否是PC,IOS,Android用戶端
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
