자유글

스마트폰 인터넷 사이트 바로가기 아이콘 추가하기

by 박용수 posted Apr 16, 2011 Views 8935 Replies 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
Extra Form

모바일 웹에서 접속하는 스마트 폰의 종류에 따라 '홈 화면 바로가기' 아이콘을 설치하는 소스입니다.

제가 시험 해 봤는데.. 잘 되네요. 혹시 참고 될가 해서요.. ^^

 

<script type='text/javascript'>
  // 접속 핸드폰 정보 알아보기
var userAgent = navigator.userAgent.toLowerCase();
// 모바일 홈페이지 바로가기 링크 생성
if(userAgent.match('iphone')) {
document.write('<link rel="apple-touch-icon" href="<?=$this_skin?>/b_img_pack/home/iphone4_touch_icon.png" />')
document.write('<link rel="apple-touch-startup-image" href="<?=$this_skin?>/b_img_pack/home/touch_startup.png" />')
} else if(userAgent.match('ipad')) {
document.write('<link rel="apple-touch-icon" sizes="72*72" href="<?=$this_skin?>/b_img_pack/home/ipad_touch_icon.png" />')
} else if(userAgent.match('ipod')) {
document.write('<link rel="apple-touch-icon" href="<?=$this_skin?>/b_img_pack/home/touch_icon.png" />')
} else if(userAgent.match('android')) {
document.write('<link rel="shortcut icon" href="<?=$this_skin?>/b_img_pack/home/and_touch_icon.ico" />')
} else {
document.write('<link rel="shortcut icon" href="<?=$this_skin?>/b_img_pack/home/touch_icon.png" />')
}

</script>

폰의 종류에 따라 아이콘의 크기가 달라야 하네요. ㅠㅠ

 

인터넷 검색정보로는

 

****  바탕화면의 바로가기 아이콘은  ***

안드로이드 ico : 128 × 128 ,    아이폰 png : 57 × 57 ,   아이폰4 png : 114 × 114 ,  아이패드 png : 72 × 72

가능하면 114×114 이미지로 만들어 아이폰에서 자동으로 크기 리사이즈를 한다.

 

****  스타팅 로딩 화면 이미지는  ***

아이폰은 320×460 , 아이폰4는 640×920 , 아이패드는 768×1004

 

그런데... 친구들 에게 전화해서  갤럭시에서 시험해 보니 ico 가 아닌 png 파일도 바로가기 아이콘으로 잘 등록 되었습니다.

아이폰 3의 경우는 이미지의 크기가 조금 다르다고 등록 되지않고 그냥 홈페이지의 압축화면이 아이콘으로 등록되더군요.

구식 윈도우폰 하나만 가지고 홈페이지를 만드니 시행착오가 많습니다.  ㅋ ~  *^_^*

짧은주소 : https://goo.gl/Je9B6i


List of Articles
번호 분류 제목 날짜 조회 수 글쓴이
공지 공지 구글 무제한 드라이브 이용자 공지사항 2017.10.30 128 운영자
공지 공지 구글 드라이브 무제한 클라우드 G-Suite 가입하실 분 모집합니다. 6 updatefile 2017.10.30 210 운영자
6494 자유글 [질문] 이런 어플 있나요 ? 2 file 2010.11.14 4012 박용수
» 자유글 스마트폰 인터넷 사이트 바로가기 아이콘 추가하기 file 2011.04.16 8935 박용수
6492 자유글 스마트폰 인터넷 사이트 바로가기 아이콘 추가하기 2 file 2011.05.01 7292 박용수
6491 자유글 단천 법률사무소라는 데에서 교회로 전화 왔습니다 4 file 2011.06.22 10193 공동현
6490 요청글 Q.T 에 대한 자료 없나요? 2 file 2011.06.24 9832 양점동(유수현)
6489 요청글 주일학교 설교 어떻게 해야 하나요? 3 file 2011.06.22 10654 양점동(유수현)
6488 자유글 오랜만입니다..^^ 4 file 2011.06.22 10998 공동현
6487 자유글 갤럭시s2 포기하고 아이폰4 화이트로... 10 file 2011.05.12 9375 양점동(유수현)
6486 자유글 생각들이 궁금해서.... 3 file 2011.06.08 6989 노학용
6485 자유글 월급님이 로그인 하셨 습니다 6 file 2011.06.15 12561 재키
6484 질문글 교회 설교&찬양단 녹음용 사운드카드 추천해주세요. 2 file 2011.06.14 9702 최영욱
6483 자유글 Windows 8 (윈도우 8) 간략한 소개 4 file 2011.06.02 10501 운영자
6482 자유글 [쇼셜] 스마트전면커버 + 후면케이스 74,000 -> 30,000 1 file 2011.06.10 9366 운영자
6481 자유글 [애플 WWDC2011 현장중계-2] "iOS5는 이런 것" file 2011.06.08 4686 유종욱
6480 자유글 스마트캡+스마트커버 추천상품 1 file 2011.06.06 9237 운영자
6479 자유글 요즘 아이폰의 세계에 빠져 헤어나지 못하고 있어요^^ 10 file 2011.05.24 6544 양점동(유수현)
6478 UCC/영상 TV를 끄자 1 file 2011.06.06 11308 운영자
6477 자유글 아이패드2 빨리 받는 방법... file 2011.06.03 8194 운영자
6476 자유글 아이폰4화면에 날씨보이게 하기 1 file 2011.06.03 6188 양점동(유수현)
6475 자유글 최일도 목사님도 논란에 빠졌군요.. 3 file 2011.05.31 12272 운영자

Board Pagination Prev 1 ... 378 379 380 381 382 383 384 385 386 387 ... 707 Next
/ 707

친교실new


공지사항


기독교 멀티미디어 전문사역자 커뮤니티 admin@godpeople.or.kr Copyright © Since 2001~Now godpeople.or.kr All rights reserved.