SPATIUM Mobile
주소복사
About Operating System Languages Tools Favorites Notice Visit TEST  
     ADK (3)
     android (3)
     ASP (5)
     ASP.Net (1)
     C# (5)
     HTML (9)
     JAVA (7)
     JavaScript (9)
     jQuery (5)
     Mobile Web (2)
     node.js (1)
     Oracle (8)
     PHP (7)
     Spring Framework (4)
     SQL (17)
     WPF (5)
   ID  
   Password  
  |  
  Location United States
  IP Address 3.133.128.171
2024. 11
12
3456789
10111213141516
17181920212223
24
25
2627282930
Category  Languages, Mobile Web
Writer 김태우 Date 2012-02-08 10:51:50 Visit 4221
Access WebSite via Mobile & PC

 

  Access Web via Mobile & PC

 

 웹 사이트를 접속하면 모바일웹 또는 PC웹, 사용자의 접속 환경에 따라 2가지중 하나로 접속이 된다.

 

다음은 접속환경을 분석하여 리다이렉트 하는 방법이다.

 Javascript에서는 navigator.userAgent 값을 분석하여 리다이렉트 한다.

 php 소스에서는 전역변수 인 $_SERVER['HTTP_USER_AGENT'] 의 값을 분석하여 리다이렉트 한다.

 

보통 agetn의 값을 match, 특정 '키워드'를 비교하여, 모바일일 경우 별도의 모바일 폴더로 리다이렉트 한다.

그러므로, PC웹 버전의 전 페이지가 존재하고, 모바일웹 버전의 전 페이지가 존재한다.

 

리다이렉트 소스는 전 페이지가 아닌 첫 index 페이지(메인페이지)에 구현 하므로,

모바일에서도 PC웹 사이트이 Full URL 을 입력하여 접속하면 PC에서 보이는 화면이 그대로 보이게

허용하여 제작하는 것이 일반적인 제작 방법이다.

  (단, PC웹 사이트 메인은 모바일에서 접속하면 모바일웸 으로 바로 리다이렉트 되므로 볼수 없지만

  'PC버전' 용으로 별도 제작하여 제공하는 사이트도 존재한다)

 

예) javascript

var mobile_agent = new Array{'iPhone', 'iPod', 'Android');

for ( var mobile in mobile_agent ) {
    if ( navigator.userAgent.match(mobile_agent[mobile]) != null) {
        location.href = "/mobile/index.html";
        break;
    }
}

 

예) PHP

$mobile_agent_test = array('iPhone', 'iPod', 'Android');

if(preg_match('/('.implode('|',$mobile_agent_test).')/i', $_SERVER['HTTP_USER_AGENT'])){
    echo "
        < script >   
            location.href = '/mobile/index.html';
        < / script >

    ";
    exit;
}

 

 

 

Tags  모바일웹, PC웹, navigator.userAgent, HTTP_USER_AGENT
  Relation Articles
[Languages-Mobile Web] Access WebSite via Mobile & PC (2012-02-08 10:51:50)
  Your Opinion
Member ID
150 letters
Copyright (C) SPATIUM. All rights reserved.
[SPATIUM]WebMaster Mail