하면 된다!!!

구글 크롬 브라우저 탭 그룹 기능

인도네시아/IT 서비스 관련 정보

크롬 브라우저에 새 기능이 추가되었네요. 모르고 있다가 우연히 우클릭해서 발견했네요.

브라우저 상단의 탭 에서 우클릭을 하면 아래와 같이 메뉴가 뜨게 됩니다.

 

여기서 그룹에 탭 추가 누르고 그룹을 선택하거나 새 그룹을 생성하시면....

우클릭시 나오는 메뉴
새 그룹 추가 화면

새 그룹명을 추가하고 하단의 색상을 지정합니다.

아래에 보면 추가적인 기능들은 메뉴명만 보셔도 이해되시겠지요?

아래의 화면을 보시면 Email 탭은 그룹 탭만 남아있고 탭들이 안보이지요. 그룹명을 클릭하면 그룹별로 토글이 가능하게 됩니다.

탭을 많이 열어두고 사용하시는 분들에게는 매우 유용한 기능이 아닐까 싶습니다.

 

 

 

Raspberry PI LX윈도우의 시작 프로그램 관리하기

마이 스토리/Raspberry PI 놀이

라즈베리 파이를 이용해서 키오스크(Kiosk)를 구성하는 방법에 대해서 고민을 해봤습니다.

라즈베리 파이가 부팅이 되고 자동으로 전체 화면모드의 웹 브라우저가 떠서 해당 액션만 할 수 있도록 만들면... 용도가 참 많겠지요?


우선 크롬 브라우저의 위치를 찾아봤습니다.

/usr/lib/chromium-browser/chromium-browser

요기 있었군요.


크롬 브라우저 실행을 다음과 같이 터미널에서 시켜봅니다.

chromium-browser --incognito --kiosk http://blog.hometown.co.kr


전체 창으로 웹 브라우저가 떡~ 뜨게 됩니다.

해당 창을 닫고 싶어도 단축키를 모르면 닫을 수가 없답니다. (단축키 : Ctrl + Shift + Q)

자 그러면 저 커맨드를 LX윈도우가 부팅된 후에 실행이 되어지면 브라우저가 딱 뜨겠지요?


LX윈도우의 시작프로그램 등록은 어디서 할지 한번 알아보겠습니다.

$ sudo vi /home/pi/.config/lxsession/LXDE-pi/autostart


해당 파일의 맨 하단에 다음과 같이 추가합니다.

@chromium-browser --incognito --kiosk http://blog.hometown.co.kr


맨뒤의 URL은 실제로 오픈하실 URL을 넣으시면 됩니다.

위와 같이 하신 후 라즈베리파이를 재부팅 하게 되면 웹 브라우저가 전체모드로 열리면서 해당 웹 사이트가 오픈되게 됩니다.


###########


사족으로 ...

그러면 매번 시작 프로그램을 변경할 때마다 저 파일을 찾아서 수정해야하는데... 좀 불편할 수 있겠지요.

그래서 저는 별도의 shell 을 하나 만들었습니다.


/home/pi/startup.sh


이 파일 안에다가 아래와 같이 추가했습니다.

/usr/lib/chromium-browser/chromium-browser --incognito --kiosk http://blog.hometown.co.kr


그리고 autostart 파일에는 /home/pi/startup.sh을 추가했습니다.


결과는 원하는 대로 짜라란~



호스트 파일 컨트롤 해주는 확장프로그램 (애드온)

프로그래밍/기타

개발을 하다보면 호스트 파일 정보를 수시로 바꿔가면서 개발을 해야하는 경우가 많다.

이런 경우 hosts 파일을 열어놓고 수정해가면서 작업을 해야하는데... 불편함이 이만 저만이 아니다.

이런 부분을 쉽게 해결해주는 웹 브라우저의 똑똑한 확장 프로그램이 있다.


HostAdmin 이라는 툴이며 구글 크롬과 파이어폭스를 지원한다.


구글 코드에 프로젝트가 있는데...  https://github.com/tg123/chrome-hostadmin


크롬은 아래의 URL로 접근하면 바로 설치가능하다.

https://chrome.google.com/webstore/detail/hostadmin/oklkidkfohahankieehkeenbillligdn


파이어폭스도 HostAdmin 이라는 이름으로 애드온을 검색하면 바로 설치 가능하다.



설치를 하고 나면 화면 상단에 다음과 같은 아이콘이 나타나는데...



클릭을 하면 Hosts 파일에 등록된 내역들이 도메인별로 주루룩 그루핑 되어 나타난다.

특정 도메인을 지정 아이피로 선택을 할 수 있다.

원하는 아이피를 선택해가면서 사용하시면 됩니다. 이 경우 DNS 리프레시를 자동으로 해주기 때문에 브라우저에 다른 작업을 하실 필요가 없다.


다만 각 OS별로 hosts 파일은 사용 권한이 제한되어있다.

따라서 다음과 같이 권한 처리를 해주셔야 제대로 구동을 시킬수 있다.

아래 URL에 들어가면 상세한 내용이 나타난다.


https://code.google.com/p/fire-hostadmin/wiki/GAIN_HOSTS_WRITE_PERM


요약하면 아래 내용...

Windows Vista/7

To Users group

cacls %windir%/system32/drivers/etc/hosts /E /G Users:W

Custom User account

cacls %windir%/system32/drivers/etc/hosts /E /G "User Account Name":W

Linux (Ubuntu Fedora ...)

sudo chmod og+w /etc/hosts

Mac OS X

sudo chmod og+w /etc/hosts





웹 브라우저 풀 화면 캡쳐 크롬 확장프로그램

마이 스토리/나만의 정보 박스

화면 캡쳐하는 툴이 많이 있습니다만... 구글 크롬이나 파폭을 사용하시면 확장 프로그램을 이용해서 웹 사이트 스크롤을 별도로 하지 않고도 전체 화면을 캡쳐할 수 있습니다.

물론 무료이구요.


아래의 URL을 들어가보시면 확장 프로그램을 설치하실 수 있습니다.

https://chrome.google.com/webstore/detail/full-page-screen-capture/fdpohaocaechififmbbbbbknoalclacl





다음의 화면 하나를 캡쳐해봤습니다.

굉장히 기네요... 하지만 확 캡쳐가 된다는 점~

맥에서도 잘 됩니다.




Chrome 모바일 에뮬레이터 사용법

프로그래밍/Mobile

웹 서핑을 하다가 발견했는데... 왜 나만 모르고 있었나 싶은... 훔냐...


http://designmodo.com/mobile-browser-test-chrome/


메뉴 > 도구 > 개발자 도구 를 선택하면 아래의 창이 열립니다.

여기에서 빨강색 버튼을 누르시고 에뮬레이션을 누르시면 아래에서 디바이스를 선택할 수 있습니다.

디바이스 선택하고 에뮬레이트 버튼을 누르면 화면 사이즈가 변경됩니다.



열어본 화면입니다.

화면이 애뮬 되면서 회색으로 자꾸 깨지는 현상이 있네요. 

테스트 환경은 맥 매버릭스 에서 해본 상황입니다.




"생산성 향상을 위한" 10가지 필수 구글 크롬 애드온

프로그래밍/기타
다양한 애드온들이 나오네요. 몇가지는 이미 사용하고 있는 것이고... 참고할 만합니다.

"생산성 향상을 위한" 10가지 필수 구글 크롬 애드온
 

http://www.itworld.co.kr/slideshow/73848/%22%EC%83%9D%EC%82%B0%EC%84%B1+%ED%96%A5%EC%83%81%EC%9D%84+%EC%9C%84%ED%95%9C%22+10%EA%B0%80%EC%A7%80+%ED%95%84%EC%88%98+%EA%B5%AC%EA%B8%80+%ED%81%AC%EB%A1%AC+%EC%95%A0%EB%93%9C%EC%98%A8

구글 크롬의 속도를 만끽해볼까요?

트랜드


감동의 스피~드를 느껴보세요 ^^

구글 크롬 광고 동영상

트랜드
디지털 시대에 아날로그적인 광고네요.
보다보니 재미에 쏘옥~ 빠져드네요 ^^;;




[웹브라우저] IE6의 사망선고가 다가오는 것 같네요...

트랜드

외국의 유명 사이트들이 점점 IE6에 대한 지원을 하지 않는다는 공지를 하고 있습니다.
IE6가 실제로 여러가지 문제를 발생시키는 경우가 많기는 하지요.
Javascript의 성능도 문제가 되고... activeX 관련한 브라우저 다운 현상도 자주 발생을 시키구요...

개발자 입장에서 보면 사실 IE6로 인해서 겪는 여러가지 어려움은 하루 이틀 한 두가지가 아니지요.
사용자들이 업그레이드를 않하는 문제도 있지만 브라우저 성능을 고따위로 만들어둔 것도 문제지요 ^^;;

울 나라에서도 IE 6 에 대한 지원을 줄여가는 모습을 큰 회사들 (NHN, 다음, Nate...)등등에서 진행해줬으면 좋겠습니다.

아래는 기사 원문입니다.

기사 원문 : http://ajaxian.com/archives/the-slow-death-of-ie-6-support-youtube-and-browser-placement

The slow death of IE 6 support; YouTube and browser placement

Many sites have been slowly crying off of IE 6 support, and big boys like Twitter, Facebook, Digg and YouTube are joining the action. What is interesting about the YouTube story is the placement of the upgrade buttons.

Twitter took the tact of “if the user is using browser X, I will just prompt them to get the latest version”. If you are in IE 6, prompt for IE 8.

YouTube sandwiches IE 8 in between Chrome (nice prominent position right next to the message ;) and Firefox. I wonder if anyone did click-through testing on the placement? The same chaps who change the color of ad colors? :)