[Chrome] 텍스트가 올바르게 표시되지 않음

Posted by Find my true self Fimtrus
2014.08.28 21:29 Application/etc.

Chrome에 문자가 표시되지 않는 문제 해결

  1. Chrome을 시작합니다.
  2. 주소창에 chrome://flags#disable-direct-write을 입력합니다.
  3. 'DirectWrite 사용 중지' 항목을 찾아 ‘사용’을 클릭합니다. (‘사용'을 클릭하면 DirectWrite 사용을 중지하게 됩니다. DirectWrite의 배경이 흰색으로 바뀌었는지 확인하세요. )


출처 : 크롬

이 댓글을 비밀 댓글로
    • 2014.09.26 16:59
    비밀댓글입니다
    • 죄송해요.. 공지사항에 댓글이 달리는줄 알고 있어서..

      공지사항만 확인 했었네요..

      늦었지만 사과드립니다.

안드로이드 용 크롬 웹 디버깅. Web debuging on Android.

Posted by Find my true self Fimtrus
2014.08.22 14:41 Application/Android

예전에는 아래와 같은 방법으로 불편(?)하게 디버깅을 했었는데


킷캣 이상버전부터는 앱에 내장되어 있는 웹뷰에 대해서도 디버깅을 지원한다.

(앱에 약간의 코딩을 해준다면...)


먼저 킷캣 이하버전에선 아래의 코드가 동작을 하지 않기 때문에 킷캣이상에서만 웹뷰에 대한 디버깅을 활성화 시켜준다.


웹뷰가 초기화 되기 전에 해당 부분이 실행되도록 해주면 된다.


보통 2번 코드를 많이 사용하는데, 


배포버전에 디버깅이 가능하도록 설정되어 있을 경우 코드 인젝션을 통해 앱 보안을 위협할 수도 있기 때문이다.


그래서 2번을 추천한다.


//1.킷캣 이상인 경우 무조건 웹뷰 디버깅이 가능하도록.
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
      WebView.setWebContentsDebuggingEnabled(true);
}
//2.아래 코드는 킷캣 이상인 경우, 그리고 디버깅이 가능한경우
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
    if (0 != (getApplicationInfo().flags &= ApplicationInfo.FLAG_DEBUGGABLE))
    { WebView.setWebContentsDebuggingEnabled(true); }
}



위의 코드가 삽입된 앱을 설치하고, 단말기를 컴퓨터에 연결해준다.


크롬을 실행시키고 주소창에 아래 커맨드를 입력하면~!


chrome://inspect/#devices


짠~~하고 아래 사진과 같이 해당 단말기에 설치되어 있는,


디버깅이 가능한 앱 리스트가 보인다.

debugging picture사진출처 : 크롬

사진 출처 : 크롬 개발자 페이지(https://developer.chrome.com/devtools/docs/remote-debugging)



요즘 하이브리드앱이 대세인데... 위와 같은 방법으로 디버깅을 하면 조금더 수월한 개발을 할 수 있어서 좋다.


자세한 내용이 필요하다면 아래 링크로 이동해서 보면 됨~!


크롬 개발자 사이트로 이동~!




==============================================================================


1.터미널 또는 커멘드 창에 아래 명령어를 입력.


adb forward tcp:9222 localabstract:chrome_devtools_remote



2. PC용 크롬 주소창에 입력


localhost:9222


그리고... 당근 adb가 설치되어 있어야겠죠..



이 댓글을 비밀 댓글로

[Chrome] 크롬 강력한 새로 고침 단축키. 클리어 캐시

Posted by Find my true self Fimtrus
2014.07.09 13:40 Programming

작업 중에 CSS나 html을 수정하였을 경우, 캐시로 인해 새로고침이 정상적으로 이루어 지지 않을 때가 많다.


매번 설정에 들어가서 캐시를 지워야 했지만 크롬에는 강력한 새로고침이라는 기능이 있다.

(옛날 버전에는 안될 수도 있으니,, 최신버전으로..)


마우스 우측버튼 클릭, 개발자 콘솔(또는 검사)를 열고, 새로고침을 롱클릭하게 되면 하위메뉴들이 나오는데,



그중 "강력한 새로고침"과, "캐시비우기 및 강력 새로고침"이라는 선택창이 있다. (윈도우 버전에서만 보인다) 맥 버전에도 추가 됬음!


이중 하나를 선택하면 화면이 리로드 되고, 이미지나 css에서 304 값을 받는 경우는 없을 것이다.


단축키로 사용하고 싶으면  ctrl + shift + r 을 눌리게 되면 강력한 새로고침이 동작한다.


맥에서는 롱클릭하여도 반응이 없고, command + shift + r 단축키를 눌리면 강력한 새로고침이 된다!!

이 댓글을 비밀 댓글로
  1. 감사합니다
  2. 오오 이런 방법이! 감사합니다
    • 2017.08.29 01:30
    오 감사합니다!
    • 2017.12.11 13:54
    비밀댓글입니다
    • 묵사마
    • 2018.05.26 21:13
    좋은 정보 감사ㅋ