모바일(휴대폰)접속에 따른 페이지 이동 | Client Side

모바일로 싸이트에 접속시 자동으로 이동 시켜주기


function mobile_redirect(sMobileUrl, oParam) {
	'use strict';
	try {
		
		var sCurrentUrl = location.href;
		var sUrlSearch = document.location.search;

		if (sUrlSearch.indexOf('pc_v=true') < 0) {
			if ((navigator.userAgent.match(/(iPhone|iPod|Android.*Mobile)/i))) {
				oParam = (undefined === oParam) ? false : oParam ;
				if (oParam) {
					var sPageLayout = '<!DOCTYPE html><html><head></head><body style="margin:0;"></body></html>',
					 sHead = [
					 '<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />',
					 '<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">',
					 '<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, width=device-width, minimal-ui">'
					 ].join(""),
					 sBody = '<iframe border="0" style="position:absolute;top:0;left:0;border:0;width:100%;height:100%;" src="' + sMobileUrl + '"></iframe>' ;

					document.write(sPageLayout) ;
					document.head.innerHTML = sHead ;
					document.body.innerHTML = sBody ;

				} else {
					top.location.replace(sMobileUrl+'?referer='+encodeURIComponent(document.referrer));
				}

			}
		}

	} catch (err) {
	}
}

mobile_redirect("이동시킬 URL");


간단설명


mobile_redirect 함수 실행할때 URL 뒤에 true 라고 적으면 mobile_redirect('url',true) 이렇게

그러면 현재도메인을 유지한채 iframe 으로 페이지 생성


이동시킬 도메인 뒤에 파라미터 값으로 pc_v=true 라고 붙이면

이동이 안됨 모바일에서 PC버전으로 눌렀을때 사용.



mobile,javascript,redirect,iphone
Comment Write
Comment List
등록된 코멘트가 없습니다.