본문 바로가기
정보기술/일반

Google Chrome Extensions 추천

by fermi 2010. 10. 18.
1Password
AdBlock Plus
Alias Links
Allow Right-Click
AutoPager Chrome
Better Google Tasks
Chromed Bird
Clearly
Evernote Web Clipper
Facebook for Google Chrome
goo.gl URL Shortener
Google +1 Button
Google bookmarks (by jimmy.liang)
Google Calendar Checker
Google Dictionary (by Google)
Google Mail Checker
Google Tasks (by Google)
Mark for Later 2 (간혹 로그인이 안되는 버그가 있음)
Personalized Web (CSS 수정)
Pinterest Pin It Button
Postponer Adder
Postponer Manager
Proxy Switchy!
Quick Note
Screen Capture (by Google)
Search by Image
Smooth Gestures
SmoothGestures:Plugin
Stylish
Yet Another Google Bookmarks Extension
Yoono


이정도면 Firefox Add-on을 대체하는 것이 어느정도 가능하다.
특히 Proxy Switchy!는 Firefox의 FoxyProxy를 완벽하게 대체할 수 있어서 만족스럽다.
그러나 Proxy Switchy!는 시스템 Proxy 설정을 이용하는 단점이 있다.
FoxyProxy는 Firefox에만 영향을 미친다.

Chrome 에서는 언어에 따른 글꼴 변경이 자유롭지 못하다.
특히 나눔고딕 글꼴을 적용하여도 정상 작동하지 않는다.
아래와 같이 CSS 를 수정하는 extension을 사용하여 Firefox와 동일한 환경을 구현할 수 있다.

[Personalized Web]
Rule 은 순차적으로 위에서 부터 아래로 적용.
따라서 맨 마지막에 적용되는 룰이 먼저 적용된 룰을 덮어쓴다.

Rule name: Nanum Gothic
Match URLs: ^http
Exclude URLs: google.com|clien.career.co.kr|facebook.com
Add CSS: * {font-family: helvetica, nanum gothic, 나눔고딕 !important;}

Rule name: Google
Match URLs: google.com
Add CSS: * {font-family: arial, nanum gothic, 나눔고딕 !important;}

Rule name: Clien
Match URLs: clien.career.co.kr
Add CSS: * {font-family: tahoma, nanum gothic, 나눔고딕 !important;}

Rule name: Facebook
Match URLs: facebook.com
Add CSS: * {font-family: lucida grande, nanum gothic, 나눔고딕 !important;}


Personalized Web 을 사용할 경우 두 가지 문제점이 발견됨.
- Gmail https 사용에 문제가 있음
- CSS 가 instant 적용이 되지 않음

Stylish 를 사용하면 위의 문제가 없음
Stylish 는 URL exclude 를 지정하는 기능을 지원하지 않음.
따라서 예외 사이트 설정이 불가능하기 때문에, global style을 먼저 지정하고 나머지 style을 지정해야 함.
style을 지정한 domain 에서는 두개의 style 이 적용되는 단점이 있으나, 하나의 style 내에 여러개의 section 으로 구분하여 사용하면 style의 우선순위를 정할 수 있음.

[Stylish] 설정

1개의 Style만 작성한다.


1개의 Style에 여러개의 Section을 추가할 수 있다.

I. Nanum Gothic for All (Disabled) 
1번째 section:
Code: * {font-family: helvetica, nanum gothic, 나눔고딕 !important;}
Applies to: Everything


II. Nanum Gothic
1번째 section:
Code: * {font-family: arial, nanum gothic, 나눔고딕 !important;}

Applies to URLs starting with: https://docs.google.com/a/byoo.net/spreadsheet
Applies to URLs matching the regexp: https?://[^(docs)]*\.google\.co.*

2번째 section:
Code: * {font-family: tahoma, nanum gothic, 나눔고딕 !important;}
Applies to URLs on the domain: clien.net

3번째 section:
Code: * {font-family: lucida grande, nanum gothic, 나눔고딕 !important;}
Applies to URLs on the domain: facebook.com

4번째 section:

Code: * {font-family: helvetica, nanum gothic, 나눔고딕 !important;}
Applies to URLs on the domain: naver.com
Applies to URLs on the domain: hibrain.net

Applies to URLs on the domain: .kr

III. Replacement to Nanum Gothic
1번째 section:
Code: @font-face { font-family: gulim; src: local(nanum gothic); }

@font-face { font-family: applegothic; src: local(nanum gothic); }

@font-face { font-family: dotum; src: local(nanum gothic); }

@font-face { font-family: batang; src: local(nanum gothic); }

@font-face { font-family: 중고딕; src: local(nanum gothic); }

@font-face { font-family: 돋움; src: local(nanum gothic); }

@font-face { font-family: 굴림; src: local(nanum gothic); }

@font-face { font-family: 바탕; src: local(nanum gothic); }

@font-face { font-family: 휴먼모음T; src: local(nanum gothic); }

@font-face { font-family: 휴먼엑스포; src: local(nanum gothic); }

@font-face { font-family: HY신명조; src: local(nanum gothic); }

@font-face { font-family: 휴먼명조; src: local(nanum gothic); }

@font-face { font-family: 한컴돋움; src: local(nanum gothic); }

Applies to: Everything