블로그 이미지
ssun++

카테고리

[전체] (73)
Android (7)
JavaScript (9)
CI (5)
Language (14)
ETC (38)
Total311,354
Today13
Yesterday32

'크롬'에 해당되는 글 3건

  1. 2011.04.03 자바스크립트 디버깅
  2. 2011.04.01 카나리아 빌드 언어 설정
  3. 2011.03.20 크롬 카나리아 빌드 (6)
[Inspector]
웹킷 기반 브라우저에는 Inspector가 있습니다.
크롬에서는 오른 클릭해서 '요소 검사'. 사파리에서는 오른 클릭해서 '구성 요소 점검'.
을 선택하면 브라우저 하단에 등장하는 '그것' 입니다.

기본으로는 'Elements'탭이 선택되어있고.
오른 클릭한 위치의 Element에 대한 정보를 확인/수정해볼 수 있습니다.

[자바스크립트 디버깅]
Inspector에서 'Scripts' 탭을 선택해서 자바스크립트 디버깅을 할 수 있습니다.
 
 

1. 디버깅할 파일을 선택
스크립트가 포함된 html 파일, js 파일을 선택할 수 있습니다.

2. Break point 설정, 흐름 제어
라인 넘버 클릭시 break point 설정/해제가 가능합니다.
설정된 라인은 파란색으로 표시되고, 현재 실행중인 라인은 화살표가 붙습니다.
오른쪽의 버튼은 순서대로 <계속실행>, <라인단위 실행>, <함수 내부로 들어가기>, <함수 밖으로 나가기>, <모든 break point 해제> 입니다.

3. 값, 호출스택 확인
<Watch Expression>은 'Add'로 추가한 식의 값을 확인할 수 있습니다.
<Call Stack>은 말 그대로 호출 스택입니다.
<Scope Variables>는 지역, 전역 변수 값을 확인할 수 있습니다.
그밖에 break point 위치를 확인할 수 있고, 이벤트 리스너에도 break point를 설정하는 등등의 기능이 있습니다.
 
[마침]
alert 창을 띄우거나 컨텐츠 내부에 동작 확인을 위한 코드를 넣을 필요없이
컨텐츠 외부에서 동작을 확인할 수 있는 점이 좋은 것 같습니다 :)
Posted by ssun++

댓글을 달아 주세요

[시작]
크롬 카나리아 빌드 설치 시 언어 설정이 영어로 되어있어서 귀찮은 경우가 있습니다.
디폴트 인코딩이 ISO-8859-1로 되어있어서 한글이 깨져보인다거나.

메뉴가 영어로 나온다거나. 등등.


[바꿔봅시다]
※ 크롬 12.0.720.0 기준입니다. 이전, 이후 버전에서는 다를 수도 있습니다.

1. 메뉴에서 [Options]를 선택합니다.



2. [Under the Hood] 카테고리에서 [Language and spell-checker settings]를 선택합니다.

 

3. 영어만 보일겁니다. [Add]를 선택합니다.



4. [Korean - 한국어]를 선택합니다.



5. [Korean]이 선택된 상태에서 [Display Google Chrome in this language]를 클릭합니다.



6. 크롬을 재시작합니다.
메뉴 버튼을 눌러보면 한국어로 메뉴가 나오는 것을 볼 수 있습니다.



[끝]
메뉴 사용할 일은 그렇게 많지 않기 때문에.
디폴트 인코딩 변경에 의미를 두는 설정입니다.
Posted by ssun++

댓글을 달아 주세요

[시작]
브라우징 속도 못지않게 버전 넘버 올라가는 속도도 빠른 크롬.
크롬 카나리아 빌드 사용에 대해 살펴보았습니다.

[크롬 릴리즈 채널]
크롬의 기초가 되는 크로미움 프로젝트에 들어가보면 몇가지 릴리즈 채널이 있습니다.
Stable Channel : 일반적으로 설치되는 버전
Beta Channel : 최신 기능을 사용할 수 있는 버전
Dev Channel : 새로운 아이디어가 테스트되는 버전
Canary Channel : 잦은 업데이트. 테스트되지 않고 릴리즈.

안정적인 순서 : Stable > Beta > Dev > Canary
업데이트 되는 순서 : Canary > Dev > Beta > Stable 입니다.

[크롬 카나리아 빌드]
Stable 이외의 빌드 사용시 더 높은 버전의 크롬을 사용할 수 있겠죠.
그러나 Beta, Dev 빌드와 Canary 빌드의 차이가 있습니다.

Beta, Dev 빌드를 설치하는 경우에는 크롬 기본 브라우저로 설치됩니다.
Stable 빌드가 있는 경우에 덮어써버립니다.

Canary 빌드를 설치하는 경우에는 기존 크롬과 별개로 설치 됩니다.
Stable/Beta/Dev 빌드가 있는 경우 크롬이 두벌 설치되는 것을 볼 수 있습니다.

 Stable / Beta / Dev 빌드 아이콘 Canary 빌드 아이콘


크로미움 프로젝트의 설명을 보면.
Canary 빌드는 테스트를 도와서 개발에 기여하고 싶은 분들을 위한 빌드.

디폴트 브라우저로 쓸수는 없어서 다른 빌드에 추가로 설치되고.
크래시 리포트와 사용 통계가 구글로 전송(OFF 가능)된다고 되어있습니다.

[끝]
필수/권장사항은 아니구요.
호기심 많은 사용자들이 시도해볼만한 팁이네요. :) 

Posted by ssun++

댓글을 달아 주세요

  1. 2011.04.01 19:43 신고 이선웅  댓글주소  수정/삭제  댓글쓰기

    선철아 아이콘 바꼈어 ㅋ

  2. 2011.04.11 02:59 신고 Favicon of http://xtales.tistory.com/ Tanny Tales  댓글주소  수정/삭제  댓글쓰기

    그것이 언어 & 스펠링 체크 기능 이었군요,
    대충 보다보니 스펠링 체크만 해주는줄 알고 있었는데 거기에 언어 지정..
    이해에 많은 도움이 되었습니다 ^^

  3. 2011.04.15 20:33 신고 Favicon of http://bslime.tistory.com bslime  댓글주소  수정/삭제  댓글쓰기

    좋은 정보 감사합니다 :)
    포스트를 블로그에 담아갔습니다. 문제가 된다면 삭제하겠습니다.
    즐거운 하루되세요!

최근에 달린 댓글

최근에 받은 트랙백

글 보관함