추적 • ios • inkscape • linux_user • docker • ssl

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

tech:dokuwiki_mobile [2012/04/19 02:03] – 새로 만듦 211.56.252.201tech:dokuwiki_mobile [2016/07/12 00:56] (현재) – 바깥 편집 127.0.0.1
줄 1: 줄 1:
 +{{tag>tech dokuwiki_mobile}}
 +====== Dokuwiki에서 일반 웹 브라우저와 모바일웹 동시지원======
 +
 +기본적인 방법은 템플릿의 main.php를 수정하여 모바일일 경우 변형하여 보여주는 것이다.
 +
 +main.php 시작부분에서 모바일 여부를 User-Agent로 판단한다. 그렇게 ''$mobile'' 변수가 true/false 값으로 생기게 된다.
 +<code php>
 +function agent($browser) {
 +  return strstr(@$_SERVER['HTTP_USER_AGENT'], $browser);
 +}
 +
 +function check_mobile() {
 +  $mobile_agents = array("Android","iPhone","iPod","Opera Mini","Opera Mobi");
 +  foreach($mobile_agents as $i => $value) {
 +    if (agent($value)) {
 +      return true;
 +    }   
 +  }
 +  return false;
 +}
 +
 +
 +$mobile = check_mobile();
 +</code>
 +
 +이제 ''$mobile'' 값으로 viewport 정보를 <head> 영역에 넣는다.
 +<code php>
 +  <?php
 +    if ($mobile) {
 +      echo "<meta name = \"viewport\" content = \"user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width\" />";
 +    }
 +  ?>
 +</code>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +* 출처: [[http://wiki.kwonnam.pe.kr/dokuwiki/mobile_template|]]
 +
 +^  누구나 수정하실 수 있습니다.  문법은 [[wiki:syntax]]참조하세요. |
 +