버전에따라 다르게 처리하기위해 앱 버전을 알아내는 방법

게시글

페이지를 찾을수 없습니다 페이지 다른 페이질 이동시키는 방법

폰갭은 웹뷰를 기본적으로 사용하다보니 인터네에 연결된것이 전재가 되는경우가 많다 그러다 보면 인터넷이 연결되지 않은경우 페이지를 찾을수 없습니다라는 페이지가 뜨는경우가 있다 이렇게 되면 사용자들이 앱같은 생각보다는 브라우저같은 느낌이 들게되어 찾을수 없습니다라는 페이지 대신 다른 페이지를 띄우고 싶을때가 있다 아래 소스는 해당 소스이다 인터넷이 연결되지 않은경우 로컬파일를 호출하는 형태이다 webView.setWebViewClient(new WebViewClient(){ public void onReceivedError(WebView view, int errorCode,String description, String failingUrl) { webView.loadUrl("file:///android_asset/www/error.htm"); showNetworkError(); } });

게시글

인터넷 브라우저로 띄우는 방법

폰갭을 사용하다보면 폰갭내의 웹뷰로 띄우지 않고 동일한 도메인인경우에 브라우저 창으로 띄울수 있다 이때 사용한다 navigator.app.loadUrl("띄울 주소",{openExternal:true}); 버전이 업되면서 보안때문에 도메인이 다른경우 브라우저창으로 페이지를 보여주게되는데(특별한설정없는경우) 동일한 도메인인경우에 브라우저 창으로 띄울수 있다​

게시글

확대축소를 하기위한 설정부분

폰갭을 사용하다보면 처음에 셋팅되어 있는것이 확대 축소를 할수 없게 되어있다 이때문에 이미지 확대축소 하기가 어려운부분이있다 package ****.****.****; import org.apache.cordova.*; import android.webkit.WebView; import android.webkit.WebSettings; import android.webkit.WebSettings.ZoomDensity; public class MainActivity extends CordovaActivity { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); // Set by in config.xml loadUrl(launchUrl); WebView webView = (WebView) appView.getEngine().getView(); WebSettings settings = webView.getSettings(); settings.setBuiltInZoomControls(true); settings.setSupportZoom(true); } } ​ 빨강색으로 체크한부분의 소스를 추가 하면 확대축소를 사용할수 있게된다 이때 확대축소할때 돋보기 버튼이 나오게 되는데 사실 난 별로 이뻐보이지 않는다 그래서 빼고자 했더니 설정부분을 바꾸면 간단하게 되는 부분이 있다 settings.setSupportZoom(true); settings.setDisplayZoomControls(false);//돋보기 제거 이렇게 하단에 추가하면 돋보기가 보여지지 않는다 ​ 해당옵션들을 확인하고자 할때 API를 참고하면 더자세히 나온다

게시글

폰갭실행시에 첫로딩화면 SplashScreen

config.xml 파일에 설정해야된다 설치시기본사항 아래에 추가할수 있음 메뉴얼중 foo에 로딩할 화면 주소를 적으면 된다고는 하나 적용해도 되지 않음 그래서 기존에 있는 이미지를 전부 교체하는 식으로 작업을했다 해당프로젝트/****/platforms/android/bin/res/crunch/~~~ 하위에 있는 디렉토리중에 (해당프로젝트/****/platforms/android/bin/res/crunch/drawable-land-hdpi/screen.png) screen.png 이미지를 전부교체하는 방법으로 처리함 어떤이미지가 적용되는지를 정확하게 알수 없어서 전부교체하는 방법이이다 교체해도 바로 적용되지 않는것을 파악했다 이클립스를 다시 실행해야 적용이 되는것이 였다 ㅠㅠ

게시글

안드로이드 백버튼 클릭할때 앱종료하는 소스

안드로이드폰에서 뒤로가기 클릭했을때 이벤트 device 플러그인에 포함되어 있다고 생각된다 아래는 backbutton 리스너를 통해서 앱을 종료하는 소스이다 //뒤로가기 버튼 클릭시 document.addEventListener("backbutton", function(){ if(confirm("앱을 종료 하시겠습니까?")){ navigator.app.exitApp();//프로그램종료 } }, false); 앱을 백그라우드로 넘기는 방법은 없을까 하고 여러가지를 찾아보았지만 난 찾지 못했다 ㅠㅠ 참고적으로 내가 찾은 navigator.app 함수들이다 navigator.app.backHistory(); navigator.app.cancelLoadUrl(); navigator.app.clearCache(); navigator.app.clearHistory(); navigator.app.exitApp(); navigator.app.loadUrl(url, props); navigator.app.overrideBackbutton(override); 몇가지는 테스트 해보았으나 몇가지는 테스트 해보지 안았다 ​

게시글

배열의 해당 내용이 있는지 파악하는 방법

배열내에 해당 변수의 값과 동일한 내역이 있는지 여부를 파악하는 방법이다 $os = array("Mac", "NT", "Irix", "Linux"); if (in_array("NT", $os)) { echo "NT가 존재합니다."; } if (in_array("mac", $os)) { echo "찾는 문자가 존재합니다."; } 위내용처럼 in_array 함수를 통해 문자열로 되어 있는 변수값이 있는지 여부를 파악할수 있다

태그,스타일지원테스트

caniuse.com

브라우저별 지원하는 기능을 확인할 수 있는 https://caniuse.com 소개합니다. HTML에는 수많은 태그와 속성이 있고, CSS역시 수많은 스타일이 있습니다. 물론 많다 하여도 개발자들은 거짐 다 외워서 사용하고 모르는 경우는 검색해서 사용합니다. 그런데 가장 큰 문제는 기능이 많아 내가 모르고 있는 기능이 있다는 것이 아닙니다. 내가 알고 있는 기능이 모든 브라우저 환경에서 정상작동 되는지 파악하는 문제입니다. 웹표준을 지켜서 모든 환경에서 정상작동 되게 할수 있지만 이또한 한계가 있습니다. 이유는 브라우저마다 지원하는 부분이 조금씩 다르고 사용방법도 다른 경우가 있기 때문입니다. 이해는 됩니다. 기술이 계속 발전하면서 과거에 없던 기능들이 추가되는 것, 개발회사마다 조금씩 다를 수 밖에 없다는 점 이해 합니다. 그러기 때문에 개발하는 사람 입장에서는 어디까지 지원하고 또 무엇이 다른지를 알고 있어야만 합니다. 최신기술이 나오면 모든 사람들이 동시에 최신 기술을 사용하면 좋겠지만 현실은 그렇지 않습니다. 최신기술이 나오고 정착되려면 짧게는 몇 개월에서 길게는 몇 년이 걸리기도 합니다. 그러기에 개발자들은 이모든 것을 환경을 고려해 개발할 수밖에 없습니다. 그래서 소개하는 사이트가 바로 https://caniuse.com 입니다. Can I yse _______ ? 라는 부분에 내가 사용하고자 하는 태그나 CSS등을 입력하면 브라우저 별 사용가능 여부가 나와집니다. 너무 좋은 것은 같은 브라우저라 해도 버전 별로 지원여부가 다를 수 있는데 이 또한 자세히 나와진다는 것입니다. 물론 개발에 익숙한 사람이라면 자신이 지금까지 사용하던 기능이 어느 버전까지 지원하는지 알고 있겠지만 새로운 기능을 사용하고자 할 때에는 파악하기가 어렵습니다. 이때 https://caniuse.com 를 활용하면 검색만으로 지원가능 브라우저 및 버전을 쉽게 파악할 수 있습니다. 내가 사용 하고자 하는 기능이 어느 버전까지 지원하는지 한눈에 파악하길 원하시는 분이라면 https://caniuse.com 를 추천해드립니다.

게시글

문자열이 있는지 알아내는 방법

문자열의 존제하는지 여부를 파악하는 함수이다 ereg("abc","abcdef"); abcdef내에 abc라는 문구가 있으면 true를 반환해준다 strpos("abcdef","abc"); abcdef내에 abc라는 문구가 있으면 true를 반환해준다 ereg와 strpos는 파라미터 위치가 다르다는걸 주의하면된다 필자는 ereg를 많이 사용하는 편이다