•  03-07-2019
  •  | 
  •  

문제

웹 페이지가 있고 최근에 모바일 버전을 만들도록 요청 받았는데, 이제 해당 작업을 수행 했으므로 사용자가 PDA/iPhone/스마트 폰/등을 통해 웹 페이지에 들어가도록 자동 리디렉션을하도록 요청 받았습니다. 그/ 그녀는 M.Website.com에 자동으로 지시 받지만이 작업을 수행하는 방법을 전혀 모른다 =/ Google을 사용하여 찾은 PHP 및 Javascripts를 시도했지만 지금까지 아무것도 도움이되지 않았습니다. 너희들이 될 수 있습니까?

도움이 되었습니까?

해결책

Wurfl을 확인하고 모바일 브라우저 사용자 에이전트 문자열 목록과 일치하는 사용자 에이전트를위한 302 리디렉터를 구축하십시오.

또는 사용자 에이전트에서 iPhone을 찾아 iPhone 사이트로 리디렉션하십시오. 다른 브라우저는 그런 작은 시장 공유를 명령하여 타겟팅 할 가치가 거의 없습니다. iPhone은 모바일 웹 HTML 트래픽의 67 %입니다. 웹 페이지에서 JavaScript 에서이 작업을 수행 할 수 있습니다.

다른 팁

"Apache Mobile Filter"의 마지막 버전을 게시했습니다.이 오픈 소스 프로젝트는 처음 8 개월 안에 Sourceforge에서 1100 개 이상의 다운로드를 보유하고 있으며 CPAN에서 동일하다고 생각합니다.

Apache 모바일 필터를 사용하면 전통적으로 동적 모바일 웹 사이트에 사용되는 Java 및 PHP뿐만 아니라 모든 프로그래밍 언어에서 Wurfl에 액세스 할 수 있습니다.

모듈은 모바일 장치를 감지하고 Wurfl 기능을 환경 변수로 다른 웹 응용 프로그램으로 전달합니다. 또한 모바일 장치의 스크린 크기에 적응하기 위해 즉시 이미지 크기를 조정하는 데 사용될 수 있습니다. 그것을 시도하고 당신의 의견을 알려주세요.

더 많은 정보를 위해서: http://www.idelfuschini.it/it/apache-mobile-filter-v2x.html

나는 "JS 스크립트"를 썼다 "radiprection_mobile.js"이 문제를 해결하려면 모바일 장치에서 사이트에 액세스하는 경우 사용자 에이전트를 감지하고 모바일 버전으로 리디렉션합니다.

어떤 경우에는 모바일 장치에서 데스크탑 버전으로 리디렉션하려는 경우 ( "기본 사이트로 이동"링크와 같이) 스크립트가 처리하고 세션을 완료하면 다시 모바일 버전에 액세스 할 수 있습니다. .

GitHub에서 소스 코드를 찾을 수 있습니다 https://github.com/sebarmeli/js-redirection-mobile-site 그리고 내 기사 중 하나에서 자세한 내용을 읽을 수 있습니다.

http://blog.sebarmeli.com/2010/11/02/how-to-redirect-your-site-to-a-mobile-through-javascript/

작동하지 않는 코드를 나열하면 더 많은 도움이 제공 될 수 있습니다.

PHP가있는 경우 대부분의 상황에서 사용자 에이전트 감지가 잘 작동합니다.

< ?php
$browser = strpos($_SERVER['HTTP_USER_AGENT'],"iPhone");
if ($browser == true) { header(”Location: http://www.example.com/“); }
}
?>

또한 이것은 다음의 속임수처럼 보입니다. 다른 모바일 핸드셋을 식별하고 다른 웹 사이트로 리디렉션합니다

매우 비슷한 질문이 여기에서 묻고 답변되었습니다.

PHP가있는 모바일 장치인지 어떻게 결정합니까?

전통적으로 모바일 장치는 HTTP 사용자 에이전트 헤더를 잘 알려진 모바일 UA 문자열 목록과 비교하여 감지되었습니다. 대신에 새로운 접근 방식은 데스크탑 OS의 존재를 감지하려고 시도합니다. 데스크탑 OS가 아닌 것으로 밝혀진 것은 모바일이어야합니다.

이로 인해 잘못된 긍정이 훨씬 적습니다.

여기에 Python의 샘플 코드가 포함 된 게시물을 작성했습니다.

http://notnotmobile.appspot.com

장치가 데스크탑인지 여부를 감지하십시오. 그렇지 않은 경우 모바일 사이트로 리디렉션하십시오!

건배,

남자

모바일 하위 도메인 설정을 받으면이 기사를 참조하십시오. 목록 이는 모바일 장치가 CSS 속성, Media = "Handheld"에 어떻게 반응하는지 설명합니다. 불행히도, 모든 것이 똑같이 반응하는 것은 아닙니다.

http://www.alistapart.com/articles/returnofthemobilestylesheet

"Apache Mobile Filter"는 "Apache Module Registry"포털의 모듈 중 하나입니다.http://modules.apache.org/search.php?id=1787)

나는 사용한다 http://detectmobilebrowser.com, 그리고 가장 빠르고 쉬운 방법이라는 것을 알았습니다. 그것은 꽤 잘 작동합니다. 이 사이트는 모바일 브라우저와 그에 따라 리디렉션을 감지하는 서버 스크립트 (PHP, Perl, Python, Coldfusion, Apache, JQuery 등)를 자동으로 생성합니다. 인덱스 파일 어딘가에 코드를 복사하여 붙여 넣을 수 있습니다.

이 약간의 JavaScript도 도움이 될 수 있습니다. 

<script>
    if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|BB10|IEMobile|Opera Mini/i.test(navigator.userAgent) ) //Specify the mobile devices that you would like this if statement to apply to. 
    {
        image_y = document.getElementById('bodyID'); //Get the ID of the body and assign it to a variable.
        image_y.parentNode.removeChild(image_y); //Remove the body to prevent anything loading on the screen in case there are issues with the window location redirect.
        window.location = "mobile.html"; //Re-assign the window location to a new html page that is caters for the redirect. 
    }
</script>

HTML 본체의 시작 부분에 배치했습니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top