WebサイトへのアクセスタイプがPCかモバイル端末かを判定するJavaScriptカスタム機能

高洛峰
リリース: 2017-01-23 17:30:26
オリジナル
1108 人が閲覧しました

多くの携帯端末はFlashをサポートしていないため、多くのカラフルなFlash効果を生成することはできません。アクセスしたWebページの種類(PCかモバイル端末か)を判断できます。適切な薬を処方して解決策を見つけることができます。

アクセスの種類がモバイル端末の場合は、Flash (.swf suffix) アニメーションの代わりに .gif を使用し、PC 側での変更はありません。こっちのほうが完璧ですね!

以下に示すように、アクセスの種類を検出するために関数 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>
ログイン後にコピー

拡張:

<script language="javascript" type="text/javascript"> 
/* 
* 根据参数 输出swf动画 
* url :单击 swf动画 后的跳转地址 
* swfLink: *.swf 素材地址 
*/ 
function GetSwfHtml(url, swfLink) { 
html = "<a style=&#39;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;&#39; href=&#39;" + url + "&#39; target=&#39;_blank&#39;>" + 
"</a>" + 
"<object width=&#39;590&#39; height=&#39;55&#39; align=&#39;middle&#39;>" + 
"<param name=&#39;allowScriptAccess&#39; value=&#39;never&#39; />" + 
"<param name=&#39;quality&#39; value=&#39;high&#39; />" + 
"<param name=&#39;wmode&#39; value=&#39;transparent&#39; />" + 
"<param name=&#39;movie&#39; value=&#39;" + swfLink+ "&#39; />" + 
"<embed wmode=&#39;transparent&#39; src=&#39;" + swfLink+ "&#39; quality=&#39;high&#39; " + 
"width=&#39;590&#39; height=&#39;55&#39; align=&#39;middle&#39; allowscriptaccess=&#39;never&#39; type=&#39;application/x-shockwave-flash&#39; " + 
"pluginspage=&#39;" + url + "&#39; />" + 
"</object>"; 


return html; 
} 
</script>
ログイン後にコピー

Web サイトのアクセス タイプが PC かモバイル端末かを決定する Javascript カスタム関数の詳細については、PHP 中国語 Web サイトの関連記事に注目してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート