모바일 접속...무한루프 ㅠㅠ
모바일 기기로 홈페이지 접속시 모바일 페이지로 자동으로 이동하는 소스
우선 도메인 접속시 실행화일 순서는 html, htm, php 의 순서이다.
기본 아이디어는 매우 단순하다. 접속시 맨 먼저 실행되는 index.htm에서 판단해서, 모바일기기에서 접속하면 모바일 홈페이지로 연결하고, PC에서 접속하면 PC 홈페이지로 연결하면 되겠다.
맨 먼저 판단하는 파일, PC홈페이지 파일, 모바일 홈페이지 파일 세 개로 구성된다.
=== index.htm === <<판단하는 파일>>
<html>
<head>
<script language="JavaScript" type="text/JavaScript">
var mobileKeyWords = new Array('iPhone', 'iPod', 'BlackBerry', 'Android', 'Windows CE', 'LG', 'MOT', 'SAMSUNG', 'SonyEricsson');
for (var word in mobileKeyWords){
if (navigator.userAgent.match(mobileKeyWords[word]) != null){
parent.window.location.href='모바일 홈페이지 주소/실행화일';
break;
}
}
</script>
</head>
<frameset cols="0, *" frameborder="0" border="0">
<frame name="contents" noresize>
<frame src="PC 홈페이지 주소/실행화일" name="detail" noresize>
</frameset>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
</body>
</html>
중요한 것은, 위의 빨간색 부분 parent.window. 를 붙이지 않으면 모바일 페이지가 큰 화면에 조그만 사이즈로 뜨게 된다능. 꼭 붙일 것.
자기 홈페이지 주소 앞에 m.을 붙여서 서브 도메인 만드는 법은 네이버 검색을 해보시오.
그런 다음 모바일 홈페이지와 PC 홈페이지에서 각각 [PC버전 바로가기] [모바일버전 바로가기] 링크를 서로 걸어주면 되겠다.^^
(주의!) 위와 같이 하지 않고 위의 "모바일기기 판단부분" 소스를 PC용 웹페이지 상단에 넣어주면, 모바일기기에서 [PC버전]을 클릭해도 계속해서 모바일 버전만 뜨게 된다. 즉, 무한루프에 빠지게 된다.
pc용 웹페이지 상단에 넣지 말고 어느곳에 넣어야 한단 말인가요 ㅠㅠ
index.htm파일 따로 생성해서 넣어뒀는데...
자꾸 pc모드 눌러도 모바일로만 ㅠㅠ
우선 도메인 접속시 실행화일 순서는 html, htm, php 의 순서이다.
기본 아이디어는 매우 단순하다. 접속시 맨 먼저 실행되는 index.htm에서 판단해서, 모바일기기에서 접속하면 모바일 홈페이지로 연결하고, PC에서 접속하면 PC 홈페이지로 연결하면 되겠다.
맨 먼저 판단하는 파일, PC홈페이지 파일, 모바일 홈페이지 파일 세 개로 구성된다.
=== index.htm === <<판단하는 파일>>
<html>
<head>
<script language="JavaScript" type="text/JavaScript">
var mobileKeyWords = new Array('iPhone', 'iPod', 'BlackBerry', 'Android', 'Windows CE', 'LG', 'MOT', 'SAMSUNG', 'SonyEricsson');
for (var word in mobileKeyWords){
if (navigator.userAgent.match(mobileKeyWords[word]) != null){
parent.window.location.href='모바일 홈페이지 주소/실행화일';
break;
}
}
</script>
</head>
<frameset cols="0, *" frameborder="0" border="0">
<frame name="contents" noresize>
<frame src="PC 홈페이지 주소/실행화일" name="detail" noresize>
</frameset>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
</body>
</html>
중요한 것은, 위의 빨간색 부분 parent.window. 를 붙이지 않으면 모바일 페이지가 큰 화면에 조그만 사이즈로 뜨게 된다능. 꼭 붙일 것.
자기 홈페이지 주소 앞에 m.을 붙여서 서브 도메인 만드는 법은 네이버 검색을 해보시오.
그런 다음 모바일 홈페이지와 PC 홈페이지에서 각각 [PC버전 바로가기] [모바일버전 바로가기] 링크를 서로 걸어주면 되겠다.^^
(주의!) 위와 같이 하지 않고 위의 "모바일기기 판단부분" 소스를 PC용 웹페이지 상단에 넣어주면, 모바일기기에서 [PC버전]을 클릭해도 계속해서 모바일 버전만 뜨게 된다. 즉, 무한루프에 빠지게 된다.
pc용 웹페이지 상단에 넣지 말고 어느곳에 넣어야 한단 말인가요 ㅠㅠ
index.htm파일 따로 생성해서 넣어뒀는데...
자꾸 pc모드 눌러도 모바일로만 ㅠㅠ
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 2개
피시버젼 주소가 http://test.com/index_pc.html
모바일이 http://m.test.com
그리고 저 소스로 만든 http://test.com/index.html (index파일이기 때문에 http://test.com 으로만으로 접속가능)
이렇게 정의하면 기본적으로 http://test.com 주소를 치면 http://test.com/index.html 로 접속되어
각각 피시나 모바일로 자동이동하고
각각 모바일에서 피시버젼버튼을 클릭하면 링크값을 http://test.com/index_pc.html 로
피씨에서 모바일버젼버튼을 클릭하면 링크값을 http://m.test.com 로 주면 무한루프에 빠지지 않습니다.