Javascript自定義函數(shù)判斷網(wǎng)站訪問類型是PC還是移動終端
更新時(shí)間：2014年01月10日 17:45:37 作者：
如果，能夠判斷出訪問Web網(wǎng)頁的類型(PC還是移動終端)。就可以解決許多絢麗多彩的 Flash效果出不來的問題
由于很多移動終端不支持 Flash,因此 許多絢麗多彩的 Flash效果出不來。如果，能夠判斷出訪問Web網(wǎng)頁的類型(PC還是移動終端)。就可以對癥下藥，找出解決的辦法！
訪問的類型為移動終端我們就用.gif代替Flash(.swf后綴)動畫，PC端就不做改變。這樣就比較完美了！
如下所示,函數(shù) flashChecker() 就是用來檢測訪問的類型。
<script language="javascript" type="text/javascript">
/*
*用來檢測是 PC還是移動終端
*返回：flashChecker().f == true PC終端
* 反之為移動終端
*/
function flashChecker() {
var hasFlash = 0;
var flashVersion = 0;
var isIE = /*@cc_on!@*/0;
if (isIE) {
var swf = new ActiveXObject("ShockwaveFlash.ShockwaveFlash");
if (swf) {
hasFlash = 1;
VSwf = swf.GetVariable("$version");
flashVersion = parseInt(VSwf.split(" ")[1].split(",")[0]);
}
}
else {
if (navigator.plugins && navigator.plugins.length > 0) {
var swf = navigator.plugins["Shockwave Flash"];
if (swf) {
hasFlash = 1;
var words = swf.description.split(" ");
for (var i = 0; i < words.length; ++i) {
if (isNaN(parseInt(words[i]))) {
continue;
}
flashVersion = parseInt(words[i]);
}
}
}
}
return {
f: hasFlash, v: flashVersion
};
}
</script>
擴(kuò)充：
<script language="javascript" type="text/javascript">
/*
* 根據(jù)參數(shù) 輸出swf動畫
* url ：單擊 swf動畫 后的跳轉(zhuǎn)地址
* swfLink： *.swf 素材地址
*/
function GetSwfHtml(url, swfLink) {
html = "<a style='position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: block; " +
"width: 100%; height: expression(this.parentNode.scrollHeight); filter: alpha(opacity=0);" +
"opacity: 0; background: #FFF;' href='" + url + "' target='_blank'>" +
"</a>" +
"<object width='590' height='55' align='middle'>" +
"<param name='allowScriptAccess' value='never' />" +
"<param name='quality' value='high' />" +
"<param name='wmode' value='transparent' />" +
"<param name='movie' value='" + swfLink+ "' />" +
"<embed wmode='transparent' src='" + swfLink+ "' quality='high' " +
"width='590' height='55' align='middle' allowscriptaccess='never' type='application/x-shockwave-flash' " +
"pluginspage='" + url + "' />" +
"</object>";
return html;
}
</script>
訪問的類型為移動終端我們就用.gif代替Flash(.swf后綴)動畫，PC端就不做改變。這樣就比較完美了！
如下所示,函數(shù) flashChecker() 就是用來檢測訪問的類型。
復(fù)制代碼 代碼如下:
<script language="javascript" type="text/javascript">
/*
*用來檢測是 PC還是移動終端
*返回：flashChecker().f == true PC終端
* 反之為移動終端
*/
function flashChecker() {
var hasFlash = 0;
var flashVersion = 0;
var isIE = /*@cc_on!@*/0;
if (isIE) {
var swf = new ActiveXObject("ShockwaveFlash.ShockwaveFlash");
if (swf) {
hasFlash = 1;
VSwf = swf.GetVariable("$version");
flashVersion = parseInt(VSwf.split(" ")[1].split(",")[0]);
}
}
else {
if (navigator.plugins && navigator.plugins.length > 0) {
var swf = navigator.plugins["Shockwave Flash"];
if (swf) {
hasFlash = 1;
var words = swf.description.split(" ");
for (var i = 0; i < words.length; ++i) {
if (isNaN(parseInt(words[i]))) {
continue;
}
flashVersion = parseInt(words[i]);
}
}
}
}
return {
f: hasFlash, v: flashVersion
};
}
</script>
擴(kuò)充：
復(fù)制代碼 代碼如下:
<script language="javascript" type="text/javascript">
/*
* 根據(jù)參數(shù) 輸出swf動畫
* url ：單擊 swf動畫 后的跳轉(zhuǎn)地址
* swfLink： *.swf 素材地址
*/
function GetSwfHtml(url, swfLink) {
html = "<a style='position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: block; " +
"width: 100%; height: expression(this.parentNode.scrollHeight); filter: alpha(opacity=0);" +
"opacity: 0; background: #FFF;' href='" + url + "' target='_blank'>" +
"</a>" +
"<object width='590' height='55' align='middle'>" +
"<param name='allowScriptAccess' value='never' />" +
"<param name='quality' value='high' />" +
"<param name='wmode' value='transparent' />" +
"<param name='movie' value='" + swfLink+ "' />" +
"<embed wmode='transparent' src='" + swfLink+ "' quality='high' " +
"width='590' height='55' align='middle' allowscriptaccess='never' type='application/x-shockwave-flash' " +
"pluginspage='" + url + "' />" +
"</object>";
return html;
}
</script>
相關(guān)文章
微信小程序?qū)崿F(xiàn)滑動切換自定義頁碼的方法分析
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)滑動切換自定義頁碼的方法,結(jié)合實(shí)例形式分析了微信小程序頁碼動態(tài)切換相關(guān)實(shí)現(xiàn)技巧與注意事項(xiàng),需要的朋友可以參考下2018-12-12
layui監(jiān)聽select變化,以及設(shè)置radio選中的方法
今天小編就為大家分享一篇layui監(jiān)聽select變化,以及設(shè)置radio選中的方法，具有好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
Javascript之高級數(shù)組API的使用實(shí)例
今天小編就為大家分享一篇關(guān)于Javascript之高級數(shù)組API的使用實(shí)例，小編覺得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來看看吧2019-03-03
這篇文章主要介紹了原生js頁面滾動延遲加載圖片的相關(guān)資料,現(xiàn)在瀑布流效果大行其道，各種網(wǎng)站都有應(yīng)用，尤其是專業(yè)的圖片類型的網(wǎng)站，感興趣的朋友可以參考下2015-12-12
微信小程序網(wǎng)絡(luò)請求實(shí)現(xiàn)過程解析
這篇文章主要介紹了微信小程序網(wǎng)絡(luò)請求實(shí)現(xiàn)過程解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-11-11
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)簡易彈幕系統(tǒng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
原生JavaScript實(shí)現(xiàn)合并多個(gè)數(shù)組示例
這篇文章主要介紹了原生的JavaScript及jquery實(shí)現(xiàn)合并多個(gè)數(shù)組，很簡單，很實(shí)用，大家可以看看2014-09-09
這篇文章主要介紹了TypeScript中命名空間與模塊化詳情，文章圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的小伙伴可以參考一下2022-08-08
Javascript查看大圖功能代碼實(shí)現(xiàn)
這篇文章主要介紹了Javascript查看大圖功能代碼實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-05-05
淺析為什么a="abc" 不等于 a=new String("abc")
這篇文章主要介紹了為什么a="abc" 不等于 a=new String("abc"),需要的朋友可以參考下2017-10-10