홈으로 | 동영상강의솔루션 | 구입문의 | 주요 고객사 | 즐/겨/찾/기
동영상강의솔루션 | 모바일 솔루션 2.0 | 문제은행 솔루션
고객문의 솔루션구입문의 DRM 보안솔루션 스트리밍호스 동영상 플레이어제 동영상강의솔루션
공지사항
자주묻는질문
구입문의

고객문의메일
이메일 : hsi3go@naver.com

메신져상담
msn : hsi3go@msn.com
nate : hsi3go@nate.com
무통장 입금계좌
국민은행
027-24-0009-145
예금주 : 홍석일
 
 
모바일

  Trackback

운영자 완료 0 972 2015-09-19 10:59

1. 페이지 사용자 설정

<meta name="viewport" content="width=device-width" />

<meta name="viewport" content="initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=no;"/>

 

width=device-width 페이지를 자동으로 사용자 디바이스 사이즈에 맞춘다. 물론 별도의 수치값으로 고정 시킬수있슴.

- initial-scale=1.0  페이지가 로딩될때 확대비율을 정할수 있다. 값이 커질 수록 확대 비율된 모습으로 페이지가 나타난다

- maximum-scale=1.0 허용가능한 확대비율의 최대치를 설정한다

user-scalable=0 사용자의 확대보기를 허용할지 여부를 설정한다. 값은 0(허용하지 않음), 1(확대보기 허용함) 입니다. (yes/no 도 가능)

 

 

2. 모바일 input 타입 키보드 설정

<input type="text" /> 모바일 키보드가 제공.

<input type="password" /> 모바일 키보드가 제공.

<input type="email" />  모바일 키보드 + @ / . 제공.

<input type="tel" /> 숫자 모바일 키보드가 제공.

<input type="url" /> 모바일 키보드 + / + . + .com 이 제공 .

<input type="search" />  숫자 모바일 키보드가 제공됩니다 go 부분이 Search로 변경.

<input autocapitalize="off"폼에서 첫 글자입력이 자동 대문자 막기 (아이폰 전용)

 

 

3. 대표링크

 - 전화걸기 : <a href="tel:0000-0000">고객센터</a>

 - 문자보내기 : <a href="sms:0000-0000">문자보내기</a>

 - 메일보내기 : <a href="mailto:메일주소">메일보내기</a>

 - 메일보내기 : <a href="mailto:echos@blueweb.co.kr">메일보내기</a>



4. 화면전환시 텍스트 크기 고정

<style type="text/css">

* {-webkit-text-size-adjust:none;} 

</style>

 

 

 

5. 모바일 디바이스기기로 웹사이트 접속시 자동으로 모바일 사이트로 접속하게 만들기 

 

// pc 웹페이지에 삽입되는 코드

 

<?

$connect = '0';
extract(array_merge($HTTP_GET_VARS, $HTTP_POST_VARS));
?>

<script-x language='JavaScript-x'>
//모바일 페이지로 이동. 
var uAgent = navigator.userAgent.toLowerCase();
var mobilePhones = new Array('iphone','ipod','android','blackberry','windows ce',
'nokia','webos','opera mini','sonyericsson','opera mobi','iemobile');
for(var i=0;i<mobilePhones.length;i++){
if(uAgent.indexOf(mobilePhones[i]) != -1){
if(<?=$connect;?> == '0'){
document.location='모바일페이지 주소';
<? $connect = '0'; ?>
}
}
}
</script-x>

 

 

 // 모바일 웹에 pc버전으로 돌아가는 버튼 달기

 

<script-x type="text/javascript-x" language="javascript-x">
function method(ob){
ob.submit();
}
</script-x>

<form action="index.php" method="post" name="lk">
<a href="javascript-x<x>:method(lk);">PC버전보기</a></x>
<input type="hidden" name="connect" value="1">
</form>

 

 

 

6. 주소창 자동 다운 

 

 // 소스

 

<script-x type="text/javascript-x" language = "javascript-x"> 

window.addEventListener('load', function() {

    setTimeout(scrollTo, 0, 0, 1);

}, false);

 </script-x>

 

 

 


7. PC 에서 모바일 페이지 접속 막기

 

// 소스

 

<?

 if ( !preg_match('/iPhone|iPad|Android|iPod|ipod|blackberry|opera mobile/',$_SERVER['HTTP_USER_AGENT']) ) { 

    echo '<br><br><br><center>이 페이지는 PC에서 접속하실 수 없습니다. </BR>모바일 기기 및 스마트폰으로 접속해 주세요.</CENTER>'; 

    exit; 

?>

Total : 62 article
번호 글쓴이 날짜 조회
완료 사용약관 웹카페 06-04 6126
62 완료 모바일 운영자 09-19 973
61 관리자 모드에서 MP4 영상 링크방법 운영자 07-11 2221
60 완료 다음팟 인코더로 mp4 인코딩 운영자 01-02 2151
59 완료 웹서버 아이피 알아내는 명령어 운영자 04-05 2393
58 완료 다음팟 인코더 환경설정 운영자 12-30 2931
57 완료 update 테이블명 set 수정필드명 = replace(수정필드명,'\&… 운영자 12-13 2654
56 완료 강의갯수에서 20개 이후 학습파일 첨부가 안될때 운영자 07-18 3096
55 완료 mms:// 경로 일괄 sql 교체 운영자 07-06 3135
54 완료 MP4 파일 인코딩 운영자 06-30 3583
53 완료 리눅스 명령어 운영자 06-15 3167
52 완료 강의갯수선택시 공란일때 / SHOP 완료 운영자 04-29 2819
51 완료 HTML5 플레이어 운영자 04-22 3664
50 완료 익스플로러 9에서의 200% 문제해결패치 운영자 04-01 3702
49 완료 2011년3월말 SMS 프로그램 기능추가 운영자 03-29 3243
48 완료 강의갯수 샘쪽노출 웹카페 03-11 3123
 1  2  3  4  5  맨끝
 
your domain name 사업자등록번호 204-07-61286 | 통신판매업 신고번호 20060048호 | 대표 홍석일 | 개인정보관리책임자 엄수용
경기도 고양시 일산동구 장항동 730번지 우인아크리움빌1차 1316호 대표전화 0505-300-7728
Copyrightⓒ webcafe Co.,Ltd. All Rights Reserved. | 웹카페 0505-300-7728