Javascript 사용자 정의 기능을 통해 웹사이트 접속 유형이 PC인지 모바일 단말기인지 결정

高洛峰
풀어 주다: 2017-01-23 17:30:26
원래의
1108명이 탐색했습니다.

플래시를 지원하지 않는 모바일 단말기가 많기 때문에 화려한 플래시 효과를 많이 연출할 수 없습니다. 만약 접속한 웹페이지의 종류(PC 또는 모바일 단말기)를 판단할 수 있다. 올바른 약을 처방하고 해결책을 찾을 수 있습니다!

액세스 유형이 모바일 단말기인 경우 플래시(.swf 접미사) 애니메이션 대신 .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>
로그인 후 복사

웹사이트 접속 유형이 PC인지 모바일 단말기인지 확인하는 더 많은 Javascript 사용자 정의 기능에 대해서는 PHP 중국어 웹사이트에서 관련 기사를 주목하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿