写在前面
一个例子
<span style="color: #0000ff;"><!
<span style="color: #ff00ff;">DOCTYPE html<span style="color: #0000ff;">><span style="color: #0000ff;"><
<span style="color: #800000;">html <span style="color: #ff0000;">xmlns<span style="color: #0000ff;">="http://www.w3.org/1999/xhtml"<span style="color: #0000ff;">><span style="color: #0000ff;"><<span style="color: #800000;">head <span style="color: #ff0000;">runat<span style="color: #0000ff;">="server"<span style="color: #0000ff;">>
<span style="color: #0000ff;"><<span style="color: #800000;">Meta <span style="color: #ff0000;">http-equiv<span style="color: #0000ff;">="Content-Type"<span style="color: #ff0000;"> content<span style="color: #0000ff;">="text/html; charset=utf-8" <span style="color: #0000ff;">/>
<span style="color: #0000ff;"><<span style="color: #800000;">title<span style="color: #0000ff;">></<span style="color: #800000;">title<span style="color: #0000ff;">>
<span style="color: #0000ff;"></<span style="color: #800000;">head<span style="color: #0000ff;">>
<span style="color: #0000ff;"><<span style="color: #800000;">body<span style="color: #0000ff;">>
<span style="color: #0000ff;"><<span style="color: #800000;">form <span style="color: #ff0000;">id<span style="color: #0000ff;">="form1"<span style="color: #ff0000;"> runat<span style="color: #0000ff;">="server"<span style="color: #0000ff;">>
<span style="color: #0000ff;"><<span style="color: #800000;">div <span style="color: #ff0000;">id<span style="color: #0000ff;">="msg"<span style="color: #0000ff;">>
<span style="color: #0000ff;"></<span style="color: #800000;">div<span style="color: #0000ff;">>
<span style="color: #0000ff;"></<span style="color: #800000;">form<span style="color: #0000ff;">>
<span style="color: #0000ff;"></<span style="color: #800000;">body<span style="color: #0000ff;">>
<span style="color: #0000ff;"></<span style="color: #800000;">html<span style="color: #0000ff;">>
<span style="color: #0000ff;"><<span style="color: #800000;">script<span style="color: #0000ff;">>
<span style="background-color: #f5f5f5; color: #0000ff;">function<span style="background-color: #f5f5f5; color: #000000;"> checkClinetModel() {
<span style="background-color: #f5f5f5; color: #008000;">//<span style="background-color: #f5f5f5; color: #008000;">获取请求头中的userAgent
<span style="background-color: #f5f5f5; color: #0000ff;">var<span style="background-color: #f5f5f5; color: #000000;"> u <span style="background-color: #f5f5f5; color: #000000;">=<span style="background-color: #f5f5f5; color: #000000;"> navigator.userAgent;
<span style="background-color: #f5f5f5; color: #008000;">//<span style="background-color: #f5f5f5; color: #008000;">是否是android浏览器
<span style="background-color: #f5f5f5; color: #0000ff;">var<span style="background-color: #f5f5f5; color: #000000;"> isAndroid <span style="background-color: #f5f5f5; color: #000000;">=<span style="background-color: #f5f5f5; color: #000000;"> u.indexOf(<span style="background-color: #f5f5f5; color: #000000;">'<span style="background-color: #f5f5f5; color: #000000;">Android<span style="background-color: #f5f5f5; color: #000000;">'<span style="background-color: #f5f5f5; color: #000000;">) <span style="background-color: #f5f5f5; color: #000000;">> <span style="background-color: #f5f5f5; color: #000000;">-<span style="background-color: #f5f5f5; color: #000000;">1<span style="background-color: #f5f5f5; color: #000000;">;
<span style="background-color: #f5f5f5; color: #008000;">//<span style="background-color: #f5f5f5; color: #008000;">是否是ios浏览器
<span style="background-color: #f5f5f5; color: #0000ff;">var<span style="background-color: #f5f5f5; color: #000000;"> isIos <span style="background-color: #f5f5f5; color: #000000;">= <span style="background-color: #f5f5f5; color: #000000;">!!<span style="background-color: #f5f5f5; color: #000000;">u.match(<span style="background-color: #f5f5f5; color: #000000;">/<span style="background-color: #f5f5f5; color: #000000;">(i[^;]+;( U;)? cpu.+Mac OS X<span style="background-color: #f5f5f5; color: #000000;">/<span style="background-color: #f5f5f5; color: #000000;">);
<span style="background-color: #f5f5f5; color: #0000ff;">var<span style="background-color: #f5f5f5; color: #000000;"> msg <span style="background-color: #f5f5f5; color: #000000;">= <span style="background-color: #f5f5f5; color: #000000;">''<span style="background-color: #f5f5f5; color: #000000;">;
<span style="background-color: #f5f5f5; color: #0000ff;">if<span style="background-color: #f5f5f5; color: #000000;"> (isAndroid) {
msg <span style="background-color: #f5f5f5; color: #000000;">= <span style="background-color: #f5f5f5; color: #000000;">"<span style="background-color: #f5f5f5; color: #000000;">当前是android客户端<span style="background-color: #f5f5f5; color: #000000;">"<span style="background-color: #f5f5f5; color: #000000;">;
} <span style="background-color: #f5f5f5; color: #0000ff;">else <span style="background-color: #f5f5f5; color: #0000ff;">if<span style="background-color: #f5f5f5; color: #000000;"> (isIos) {
msg <span style="background-color: #f5f5f5; color: #000000;">= <span style="background-color: #f5f5f5; color: #000000;">'<span style="background-color: #f5f5f5; color: #000000;">当前是ios客户端<span style="background-color: #f5f5f5; color: #000000;">'<span style="background-color: #f5f5f5; color: #000000;">;
} <span style="background-color: #f5f5f5; color: #0000ff;">else<span style="background-color: #f5f5f5; color: #000000;"> {
msg <span style="background-color: #f5f5f5; color: #000000;">= <span style="background-color: #f5f5f5; color: #000000;">'<span style="background-color: #f5f5f5; color: #000000;">当前是pc端<span style="background-color: #f5f5f5; color: #000000;">'<span style="background-color: #f5f5f5; color: #000000;">;
};
document.getElementById(<span style="background-color: #f5f5f5; color: #000000;">"<span style="background-color: #f5f5f5; color: #000000;">msg<span style="background-color: #f5f5f5; color: #000000;">"<span style="background-color: #f5f5f5; color: #000000;">).innerHTML <span style="background-color: #f5f5f5; color: #000000;">=<span style="background-color: #f5f5f5; color: #000000;"> msg;
};
checkClinetModel();
<span style="color: #0000ff;"></<span style="color: #800000;">script<span style="color: #0000ff;">>
Meta