HTml & CSS

모바일웹, 바탕화면에 아이콘 만드는 소스

작성자 정보

  • 최고관리자 작성
  • 183.♡.165.151 아이피
  • 작성일

컨텐츠 정보

본문

<head>
<title></title>
 
<link href="img/phone_icon.png" rel="apple-touch-icon-precomposed"></link>
<!-- 모바일용 바탕화면 바로가기 아이콘 택없음 -->
<link href="img/phone_icon.png" rel="apple-touch-icon"></link>
<!-- 모바일용 바탕화면 바로가기 아이콘(IOS)114*114 -->
<link href="img/phone_icon.png" rel="shortcut icon"></link>
<!-- 모바일용 바탕화면 바로가기 아이콘(Android) -->
<link href="img/phone_icon.png" rel="apple-touch-startup-image"></link>
<!-- 스타일업 이미지 640*920(4), 640*1138(5) -->
 
</head>

추가할거냐고 묻는거

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

관련자료

댓글 0
등록된 댓글이 없습니다.

최근글


새댓글


  • 글이 없습니다.
알림 0