모바일 장치를 감지하고 홈 화면에 링크를 추가하도록 제안하는 코드

Question

내 웹 사이트에 배치 할 코드를 찾고 있습니다.이 코드는 사용자가 모바일 장치에 있는지 감지하고 팝업을 열어 추가 기능을 제공합니다 홈 화면의 아이콘으로 웹 사이트에 연결됩니다. (즐겨 찾기에 웹 사이트를 추가하고 홈 화면에 아이콘을 배치하는 것처럼). 이상 적으로는 Android & iPhone에서 작동해야합니다. 어떤 도움이라도 대단히 감사 할 것입니다.

Answer 1

당신이 할 수있는 일은 원하는 정확한 텍스트로 페이지 어딘가에 div를 만드는 것입니다. CSS에서 다음 div 디스플레이 : 없음을 만들고 장치가 다시 div를 표시하는 휴대 전화 일 때 미디어 쿼리를 추가합니다. 만약 일정 폭에 도달 할 때 (따라서 휴대폰을 고려) 팝업을 열 자바 스크립트 화면 폭 검사 기능, 사용 기능을 가짐으로써이를 확장 할 당연히

.mobile-div { 
    display: none; 
} 

@media (max-width:767px) { 
    .mobile-div { 
     display: block; 
    } 
} 

. https://github.com/h5bp/mobile-boilerplate/wiki/Mobile-Bookmark-Bubble :

<script type="text/javascript"> 
    (function() { 
     var width = $(window).width(); 

     if (width < 400) { 
      // do something 
     } 
    })(); 
</script> 

그런 다음 실제로이 스크립트가 당신을 도울 수있는 예를 들어 아이콘을 만드는 방법을 구글을 검색 할 수 있습니다. iOS에서는이 작업을 수행 할 수 없다고 생각하지만 기본적으로 웹 사이트를 시작하는 앱 또는 이와 유사한 앱을 만드는 것이 좋습니다. 물론 이것은 상점에 표시되는 앱에 대해 비용을 지불해야한다는 것을 의미하므로 귀하에게이 기능이 정말로 필요한가요?