網頁偵測四法

來源:互聯網
上載者:User
網頁 在網上看到有很多首頁上有這樣的提示:建議您採用IE4。0使用800×600解析度瀏本網頁。其實在網頁裡的主體部分即和之間找個合適的位置,加上十分簡單的一小段javascript語句就可以偵測到瀏覽者所使用的瀏覽器種類,解析度,色彩度並提出建議,以使瀏覽者的瀏覽環境符合本站的最佳瀏覽環境,豈不更好。這裡所介紹的偵測螢幕解析度和顏色數的javascript源碼可是別的地方找不到的,不可錯過喲!

一:偵測瀏覽器種類和版本
<script language="javascript1.2" >
<!--
document.write("您使用的瀏覽器是"+navigator.appName+" "+navigator.appVersion);
//-- >
</script >

二:偵測瀏覽器種類、版本並進一步判斷瀏覽者的瀏覽器是否符合您站中的最佳瀏覽環境,同時提出相應的建議
<script language="javascript1.2" >
<!--
var vn="Microsoft Internet Explorer";
var va=4;
if(navigator.appName!=vn||parseInt
(navigator.appVersion)〈 va);
document.write("您使用的瀏覽器是"+vn+" "+navigator.appVersion);
if(navigator.appName!=vn)document.write
(",建議您改用 "+vn+" 瀏覽以得到最好的瀏覽效果。");
else
if(parseInt(navigator.appVersion)〈 va)document.write
(",版本太舊了!建議您儘快更新您的瀏覽器。");
else document.write(",符合本站最佳瀏覽環境。");
//-- >
</script >
---- 說明:語句“var vn="Microsoft Internet Explorer";”是設定最佳瀏覽器名稱。
---- 語句“ var va=4;” 是設定瀏覽器版本下限,請根據您的實際情況設定。

三:偵測螢幕解析度,並提出最佳瀏覽建議
<script language="javascript1.2" >
<!--
var s=800;
if(screen.width!=s);
document.write("您的螢幕解析度是"+screen.width+" * "+screen.height);
if(screen.width!=s)document.write
(",並非最佳解析度,建議您將螢幕解析度調整為800*600瀏覽本頁。");
else document.write(",符合本站最佳瀏覽環境。");
//-- >
</script >
---- 說明:語句“var s=800;”設定最佳瀏覽螢幕解析度的寬度,請根據您的實際情況設定。

四:偵測瀏覽者螢幕色彩度,並提出最佳瀏覽建議
<script language="javascript1.2" >
<!--
var c, cv=16;
if(cv!="Netscape")c=screen.colorDepth;
else c=screen.pixelDepth;
var cs=c;
if(c==4)cs="4 位 16 色";
if(c==8)cs="8 位 256 色";
if(c==16)cs="16 位增強色";
if(c >16)cs=cs+" 位真彩色";
if(c〈 cv);
document.write("您的螢幕色彩度是 "+cs);
if(c〈 cv)
document.write(",太低了!本站的背景很難看,請將色彩度調整為16位增強色瀏覽本頁。");
else
document.write(",符合本站最佳瀏覽環境。");
//-- >
</script >
---- 說明:語句“cv=16;”設定最佳色彩度的下限,請根據您的實際情況設定。

相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。