그냥 개발자 블로그

모바일웹 접속시 자동으로 바탕화면에 바로가기 생성 본문

소식/플러그인소식

모바일웹 접속시 자동으로 바탕화면에 바로가기 생성

마음이파파 2015. 9. 21. 17:05



아래 링크에서 수정된 글을 확인 하실 수 있습니다.


플러그인은 워크식스 홈페이지에서 만나보실 수 있습니다.




2019/02/12 - [IT] - 크롬으로 쉽게 안드로이드 어플 만들기




안드로이드의 경우 바탕화면에 북마크를 가져오려면 여러단계를 거쳐서 가져오게 되어 있죠.


하지만 네이버앱에서 지원하는 기능을 사용한다면 이과정을 확~! 줄여 자동으로 바탕화면에 자동으로 아이콘이 생성되게도 가능한데요.










영상에서처럼 아이콘이 생기게 하는 플러그인을 만들어서 공유해요.


우선 사용을 위해서  여기 홈페이지에서 bookmark.js를 찾아 다운로드 해주시고요.


jquery만 안다면 사용법은 간단해요.






 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

<script src="bookmark.js"></script>


<script>

$(function(){

$(document).bookmark({

url:'http://work6.kr',

icon:'http://work6.kr/icon.png',

title:'work6',

ename:'work6',

                   day:7

});

});

</script>


다운로드한 플러그인을 서버에 업로드해주시고 사용할곳에 불러와주세요.

 




 



 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

<script src="bookmark.js"></script>


<script>

$(function(){

$(document).bookmark({

url:'http://work6.kr',

icon:'http://work6.kr/icon.png',

title:'work6',

ename:'work6',

                   day:7

});

});

</script>


 

문서가 로딩이 완료되는 시점에 위와 같이 적어주시는데요.


옵션에 대한 설명은 다음과 같아요.


url : 아이콘 클릭시 자동으로 링크될 주소

icon : 홈화면에 보여질 아이콘 이미지, 95 X 95 픽셀 크키를 추천

title : 아이콘 하단에 보여질 이름

ename : 사이트영문 이름, 구분 코드로 이용됨

day : 아이콘 생성 후 몇일 동안 비활성화 할것인지



 

이제 여러분의 모바일페이지를 1번만 방문하는 사이트가 아닌 다시 찾는 페이지로 만들어보세요.


단, 네이버앱이 설치되어 있는 환경이어야 해요.