투케이2K

[제 목]​[업무 이슈] 모바일 외부 크롬 브라우저 이동 실패 외부 링크 이동 미동작 이슈 - 삼성 브라우저 이동 기능 추가 [내 용] ------------------------------------------------------------------------------[이슈 사항]------------------------------------------------------------------------------1. 특정 웹 페이지 기능 개발 후 모바일에서 구글 크롬 브라우저 외부 링크 이동 시 기능 미동작 이슈 확인 ------------------------------------------------------------------------------[원인 파악 및 증상 재현]-----..

[참고 사이트] ​ 제목 : [참고 사이트] 크롬 개발자 디버깅 전체 전역 소스 코드 검색 설정 방법 (Chrome debug Source Search) ​ [사이트 주소] ​ https://secreth.tistory.com/128 [크롬 개발자 도구] 전체 검색(전역 검색)하는 방법 대부분 그렇겠지만 복잡한 구조에서 JS 디버깅을 하려면 어려운 부분이 많다. 당연히 ctrl을 누르고 함수명을 클릭하면 넘어가기도 하지만, 가끔은 이 소스가 어디에서부터 시작되었는지조차 모 secreth.tistory.com

[설 명] ​ 제목 : 크롬 브라우저 (chrome) 인터넷 사용기록 및 방문기록 삭제 방법 [방 법] ​ ​ ​ ​ ​ ​ ​

[방법 설명] ​ ​ ​

[설 명] ​ 1. 크롬 개발자 모드를 사용해 네트워크 http 및 서비스 요청 상태 확인 방법 [방 법] ​

[방법 설명] ​ ​ ​

[방법 설명] ​ ​ ​

[방법 설명] ​ ​ ​ ​ ​

[방법 설명] ​

[설 명] ​ 프로그램 : Android / Java ​ 설 명 : 외부 앱 실행 , 스키마 실행 , 앱 설치 여부 , 마켓 이동 , 크롬 기반 외부 링크 이동 [소스 코드] package com.example.testapp; import android.content.ActivityNotFoundException; import android.content.Context; import android.content.Intent; import android.content.pm.PackageManager; import android.content.pm.ResolveInfo; import android.net.Uri; import android.util.Log; import java.util.List; publi..

[개발 환경 설정] ​ 개발 툴 : AndroidStudio 개발 언어 : java [방법 설명] ​ 1. 사전 안드로이드 웹뷰 초기화 코드에 usb 디버깅 허용 코드 추가 실시 - main_webview.setWebContentsDebuggingEnabled(true); ​ ​ ​ 2. 안드로이드 휴대폰 개발자 모드 활성 및 usb 디버깅 허용 실시 ​ ​ ​ 3. 특정 하이브리드 앱이 설치된 안드로이드 디바이스 기기를 usb 선을 통해 pc 컴퓨터에 연결 및 디버깅 허용 실시 ​ ​ ​ 4. 크롬 브라우저 활성 및 주소창에 디버깅 모드 검색 실시 - 주소 : chrome://inspect ​ ​ ​ 5. 크롬 Remote Target 메뉴에서 연결된 디바이스 기기 확인 및 특정 앱 실행 실시 (하단에..

[참고 사이트] ​ [참고 사이트 주소] ​ https://velog.io/@jeongsick82/Android-WebView-%EC%9B%90%EA%B2%A9-%EB%94%94%EB%B2%84%EA%B9%85 [Android] WebView 원격 디버깅 Chrome 개발자 도구를 사용하여 네이티브 Android 앱에서 WebView를 디버그단말기 설정 -> 개발자도구에서 USB 디버깅이 활성화 되어 있어야 함디버깅용 WebView 구성네이티브 Android 앱에서 WebView 디버깅 velog.io

[개발 환경 설정] ​ 개발 툴 : AndroidStudio 개발 언어 : java [소스 코드] ​ // TODO [크롬 클라이언트 설정 실시] main_webview.setWebChromeClient(new WebChromeClient() { @Override public boolean onShowFileChooser(WebView webView, ValueCallback filePathCallback, FileChooserParams fileChooserParams) { Log.i("---","---"); Log.w("//===========//","================================================"); Log.i("","\n"+"[A_Main >> onShow..

[개발 환경 설정] ​ 개발 툴 : AndroidStudio 개발 언어 : java [소스 코드 : 이미지 다중 선택] ​ main_webview.setWebChromeClient(new WebChromeClient() { // TODO [현재 웹뷰 로딩 상태 확인] @Override public void onProgressChanged(WebView view, int progress) { Log.i("---","---"); Log.d("//===========//","================================================"); Log.i("","\n"+"[A_Main >> init_webView() :: 웹뷰 초기값 설정 및 로드 수행]"); Log.i("","\n"+"..

[설 명] ​ 1. 크롬 F12 개발자 도구를 사용해서 저장된 로컬 스토리지, 세션, 쿠키 정보를 확인할 수 있는 방법입니다 [방법 설명] ​ 1. 크롬 브라우저 실행 >> 키보드 F12 단축키 클릭 >> 크롬 개발자 도구를 활성화합니다 ​ ​ 2. 크롬 개발자 도구 >> 상단 Application 메뉴 >> 좌측 Storage 메뉴 >> 로컬 스토리지 , 세션 , 쿠키 정보를 확인합니다

/* =========================== */ [ 설 명 ] ​ 1. 크롬 개발자 도구를 사용해 네트워크 상태를 확인할 수 있는 방법입니다 /* =========================== */ ​ /* =========================== */ [방법 설명] ​ ​1. 크롬 브라우저 실행 > 접속하려는 브라우저 실행 > [F12] 단축키 실행 ​ ​ 2. 상단 네트워크 메뉴에서 > 유형, 크기, 시간 등 리소스가 로드되는 값을 확인합니다 ​ /* =========================== */

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : AndroidStudio 개발 언어 : java /* =========================== */ ​ /* =========================== */ [소스 코드] /** ========== [크롬 브라우저 사용해 외부 링크 이동 실시] ========== **/ public void callChromeBrowser(String url){ //TODO [안드로이드 OS 11 및 타겟 30 이상 필수 사항] /** * [AndroidManifest.xml 파일 > manifest 부분 > 특정 앱 패키지명 등록 필요] * * * * * */ //TODO [크롬 브라우저 패키지명] fi..

/* =========================== */ [ 개발 환경 설정 ] ​ 개발 툴 : AndroidStudio 개발 언어 : java /* =========================== */ ​ /* =========================== */ [소스 코드] //TODO [WebClient extends WebViewClient : 안드로이드 상위버전에서 SSL 오류 체크] @Override public void onReceivedSslError(WebView view, final SslErrorHandler handler, SslError error) { try { //TODO E/chromium: [ERROR:ssl_client_socket_impl.cc 에러 해결 위함 ..

/* =========================== */ [ 설명 ] ​ 1. 크롬 브라우저에서 반응형 모바일 디자인 시 기기별 표시되는 디자인 형태를 확인할 수 있는 방법입니다 /* =========================== */ ​ /* =========================== */ [사용 방법] 1. 크롬 (chrome) 브라우저 실행 > [F12] 단축키 버튼을 누릅니다 ​ ​ ​ ​ 2. 상단에 표시된 [device toolbar] 버튼을 클릭합니다 ​ ​ 3. 상단에 있는 [디바이스 종류]를 선택 하신 후 > 반응형 모바일 형태를 확인합니다 ​ /* =========================== */

/* =========================== */ [ 설명 ] ​ 1. Json viewer는 크롬 (chrome) 브라우저에서 한눈에 json 데이터를 확인할 수 있는 프로그램입니다 2. Json viewer 크롬 확장 프로그램 다운로드 주소 : https://chrome.google.com/webstore/detail/json-viewer/gbmdgpbipfallnflgajpaliibnhdgobh JSON Viewer The most beautiful and customizable JSON/JSONP highlighter that your eyes have ever seen. Open source at https://goo.gl/fmphc7 chrome.google.com 3. 테스트 JS..