본문 바로가기

Chrome

Google Hangouts manifest.json 정리 개인적으로 크롬 확장 프로그램(또는 크롬 익스텐션)에 관심이 있는 편이다. 그래서 이전에 간단한 확장 프로그램을 만들어보기도 했고. 크롬 확장 프로그램을 실행시키기 위해 필요한 파일 중에 하나가 manifest.json인데 Google Hangouts의 manifest.json을 예제로 삼아 간단히 정리해봤다. Hangouts가 manifest.json의 모든 항목을 사용하는 것은 아니므로 manifest.json의 전체 내용을 파악하긴 어렵지만 시작점으로는 충분히 의미있으리라 생각한다. { // background 페이지는 익스텐션의 프로세스를 실행한다. // extensions의 기본 lifecycle에 대한 이해가 필요함 // html이 필요 없는 경우 'scripts'를 name으로 하고 java.. 더보기
Mac에서 프로그램에 옵션 지정해서 실행시키기 크롬 브라우저를 띄우면서 특정한 옵션을 지정하여 실행시켜야 하는 상황이 생겼다. 처음에는 'Mac도 unix의 일종이니까'라는 생각으로 shell script를 만들었다. 그런데 의도한대로 실행되지 않는다. 프로그램을 정상적으로 못찾았던가.. 지금은 기억이 좀 가물가물. 언젠가 애플스크립트를 본 기억이 있어 애플스크립트 편집기를 실행시켰다. 이리저리 명령어를 입력해봤지만 제대로 실행되지 않고 계속해서 오류를 일으키기에 결국 구글에서 검색. 역시나 검색해서 결과를 보니 너무 간단하다. do shell script "open -a '/Applications/Google Chrome.app/' -options" 이렇게 스크립트를 만들고 컴파일하면 계속 애플스크립트 편집기를 띄우지 않고도 옵션을 지정하여 크롬 .. 더보기
크롬 확장 프로그램 - QRCode Generator 만들기 QRCode Generator 소개QRCode Generator는 현재 탭에 열려있는 페이지의 주소를 QR Code로 만들어주는 크롬 확장 프로그램이다. 동작하는 모습은 다음과 같다. 개발 준비개발을 위해 별도로 준비할 도구는 없다. 우선 확장 프로그램에서 사용할 여러 파일들을 저장할 폴더를 하나 생성한다. 그리고 설정 > 도구 > 확장 프로그램 메뉴를 선택하여 우측 상단의 개발자 모드를 체크하여 개발자 모드를 활성화한다. 개발자 모드를 활성화할 경우 압축되지 않은 확장 프로그램을 로드할 수 있으며 확장 프로그램을 디버그할 수 있는 팝업 검사를 사용할 수 있다. 팝업 검사를 선택하면 일반 웹페이지를 디버깅할 때 사용하는 개발자 도구가 확장 프로그램과 함께 실행된다. 프로그램 구성이 프로그램에서 사용한 파.. 더보기
일주일간 모은 링크 #4 UX MYTHS 사용자 경험에 대한 오해를 수집하고 틀린 이유에 대해 설명해주는 사이트입니다. 이런 글은 대체로 영어로만 되어 있는 경우가 많으나 이 페이지의 경우 한글로 번역되어 있습니다. 이제까지 알고 있는 정보들이 정말 올바른 정보인지 이 페이지를 보면서 한 번 검토해보면 어떨까요? JavaScript에서 메모리 정보를 검색하는 방법 제목 그대로 JavaScript에서 메모리 정보를 얻는 방법입니다. 일본어 페이지이지만 구글에서 제공하는 번역 기능을 이용하면 이해하는데 큰 문제는 없을 것입니다. (저는 구글 크롬의 번역 기능을 사용) 좀 아쉬운 점이 있다면 Webkit 계열의 브라우저와 Firefox에서 사용 가능한 방법만을 알려주고 있습니다. 국내에서는 IE의 비율이 높은데 이에 대한 방법이 없는.. 더보기