2012.10.09, 15.0.1에서 확인

현재 내가 사용하는 메인 브라우저는 파이어폭스다. 2007년 하반기, 인터넷 익스플로러 6에서 갈아탄 이후로 큰 외도 없이 계속 사용하고 있다. 처음에는 다양한 부가 기능에 빠져들었고, 지금은 개인화에서 허덕이고 있다. 종종 이 브라우저에 갇혀 버릴까 걱정돼서 다른 브라우저를 둘러보았지만, 결론은 늘 파이어폭스였다.

파이어폭스는 오픈 소스여서 수많은 개발자가 만든 확장 기능과 테마를 사용할 수 있다. UserChrome.css를 이용해 자신에게 맞게 커스타마이징이 가능하다.1 정보 관리에 충실해서 툴바에 구분기호를 넣을 수 있고, 북마크에 태그와 키워드까지 기록함으로써 원하는 사이트를 효과적으로 찾을 수 있다.

장점만큼 단점도 꽤 많다. 예전보다 많이 나아졌지만, 구동 시간은 길고, 메모리 누수 현상도 여전하다. 일반적으로 브라우저는 여러 탭을 장시간 이용하기 때문에 하나의 프로세서로 안정성를 보장하기 어렵다.2 결정적으로 파이어폭스를 만드는 모질라는 구글의 도움을 받는 비영리재단이다.

그래서 크롬과 인터넷 익스플로러도 상황에 따라 사용하고 있다. 안정성과 속도가 뛰어난 크롬은 대용량 다운로드나 갑자기 브라우저가 필요할 때, 공간을 조금 차지하는 익스플로러는 동영상을 보거나 쇼핑할 때 사용한다. 오페라는 여러 번 사용해 봐도 적응이 안 되고, 사파리는 윈도우 지원이 중단되어서 사용하지 않는다.

지난 2011년 3월 22일에 파이어폭스 4 정식 버전이 출시되었다. 메이저 업데이트임에도 확장 기능 대부분이 사용 가능했고, 각종 설정도 자동 업그레이드를 통해서 그대로 사용할 수 있었다. 파이어폭스3 이후 재설정한 기억이 거의 없어서 만약을 대비해 여기에 재정리한다.

설치

설치

  1. 모질라 웹사이트에서 운영체제와 언어를 확인하고 내려받는다. (알파벳이 깔끔하므로 English (US) 버전을 다운받는다.)
  2. Custom 타입으로 설치한다.
  3. 설치 시 프로그램 메뉴에 추가하는 옵션만 선택한다.
  4. 이상한 프로그램 설치를 유도하지 않으므로, 맘 놓고 Next 버튼을 누른다.

프로필 설정

기본 프로필은 부가기능 없이 파이어폭스만 사용할 경우를 위해 남겨두고, 실제로 사용할 프로필을 하나 추가한다.3

  1. 윈도우 실행창에 ‘firefox.exe -profilemanager’를 입력한다.
  2. Create Profile를 누르고, 이름은 ‘At Season’, 폴더는 ‘E:\Users\Programs\Firefox’로 설정한다.
  3. Don’t ask at startup에 체크하면, 시작 시 프로필 선택창이 나오지 않는다.
  4. 설정한 프로필로 시작하기 위해 윈도우 시작 메뉴에 바로 가기를 만든 후, 다음 명령 줄4을 추가한다. ‘-P “At Season”‘
  5. default 프로필을 동시에 실행할 수 있게 윈도우 파이어폭스 메뉴에 ‘Mozilla Firefox (default)’란 이름으로 바로 가기를 만든 후, 다음 명령 줄을 추가한다. ‘-P default -no-remote’

모질라 동기화

모질라 동기화 부분은 확인하지 않음

  1. Firefox 버튼, Set Up Sync를 선택한다.
  2. 이미 계정을 가지고 있으므로 기존 계정에 연결한다.
  3. sync options를 누른다.
  4. 이름은 ‘January’s Firefox on Windows 7’ 형식으로 입력한다.
  5. 암호, 방문기록, 탭은 제외하고, 부가기능, 즐겨찾기, 설정만 동기화한다.
  6. 아직 설정한 게 아무것도 없으므로 서버에 있는 데이터로 덮어씌운다.
  7. 생략

설정

옵션은 동기화가 되고, 특별한 게 없으므로 생략한다.

검색엔진 설정

파이어폭스에 검색엔진을 등록하는 방법은 다양하다.

  1. 파이어폭스 검색 바에서 추가
  2. 웹사이트 검색 폼을 우클릭 해서 추가
  3. 검색 결과 북마크를 수정해서 추가5
  4. 다음 사이트Mycroft Project에서 추가하기

검색엔진을 등록했으면, 빠른 검색을 위해 키워드를 추가해야 한다.

  • 검색 전문 사이트는 – 자주 사용하므로 – 하나의 문자를 사용한다. (Google:g, Daum:d, Naver:n, Wiki:w)
  • 다른 언어나 국가 버전은 뒤에 문자를 하나 더 붙인다. (Wiki:w, 위키:wk)
  • 그 외의 사이트는 – 자주 사용하지 않을뿐더러 겹칠 확률이 높으므로 – 두 개의 문자를 사용한다. (YouTube:yt, IMDB: im)

검색은 키워드를 입력한 후, 검색할 내용을 적으면 된다. 키워드를 입력하지 않을 경우, 기본 검색엔진이 작동한다.

Google에서 Mozilla 검색하기 (Google의 키워드가 ‘g’일 경우)

g Mozilla

마무리

  1. 윈도우 시작 메뉴에 등록된 바로가기가 ‘At Season’ 프로필인지 확인한다.
  2. 브라우저는 보안이 중요하므로 업데이트를 한다.

부가 기능

파이어폭스는 부가 기능을 추가함으로써 더 뛰어난 능력을 발휘한다.

Adblock Plus

광고를 차단해준다.
https://addons.mozilla.org/en-US/firefox/addon/adblock-plus/

  • Fanboys Adblock list 필터를 추가한다.
  • Fanboy’s Korean 필터를 추가한다.
  • about:config – extensions.adblockplus.defaulttoolbaraction:36

Evernote Clearly

에버노트에서 만든 플러그인으로 깔끔하게 콘텐츠만 분리해서 보여준다.
https://addons.mozilla.org/en-US/firefox/addon/clearly/

Video DownloadHelper

유튜브를 비롯해 인터넷에서 재생되는 동영상을 다운로드해준다.
https://addons.mozilla.org/en-US/firefox/addon/video-downloadhelper/

DownThemAll!

파일 다운로드를 도와준다.
https://addons.mozilla.org/en-US/firefox/addon/downthemall/

  • 다운로드 경로는 %USERPROFILE%\Desktop\Downloads로 변경한다.
  • Renaming Mask에 ‘*name*.*ext*’가 있는지 확인한다.
  • Renaming Mask에 ‘*curl*/*name*.*ext*’를 추가한다.

Evernote Web Clipper

웹페이지를 에버노트에 저장해준다.
https://addons.mozilla.org/en-US/firefox/addon/evernote-web-clipper/

  • 저장은 Evernote를 설치했으면 Desktop으로, 아니면 Web으로 선택한다.
  • Use Simultaneous Search는 사용 하지 않는다.

FireGestures

마우스 움직임으로 여러 가지 명령을 내리게 해준다.
https://addons.mozilla.org/en-US/firefox/addon/firegestures/
마우스 제스쳐 값은 Mouse Gestures를 참고한다.

Flashblock

플래시를 차단해준다.
https://addons.mozilla.org/en-US/firefox/addon/flashblock/

  • Whitelist는 중요하지 않으므로 그때 그때 추가한다.
  • 다음은 구글리더에서 글을 불러올 때 문제가 발생하므로 미리 추가한다. ‘vimeo.com’, ‘vimeocdn.com’
  • 호스트명이 없는 ‘bugs.co.kr’를 추가한다.

Greasmonkey

사용자 스크립트를 사용 가능하게 해준다.
https://addons.mozilla.org/en-US/firefox/addon/greasemonkey/

  • Editor는 현재 사용하는 편집기로 설정한다.
  • 사용하는 스크립트는 Userscripts를 참고한다.

IE View

현재 창을 인터넷 익스플로러로 보여준다. IE Tab V2는 파이어폭스 내에서 보여주지만, 굳이 그럴 필요는 없어서 가벼운 IE View를 사용한다.
https://addons.mozilla.org/en-US/firefox/addon/ie-view/

Omnibar

주소 바와 검색 바를 합쳐준다. 검색할 때는 키워드를 입력하고 사용하면 된다.
https://addons.mozilla.org/en-US/firefox/addon/omnibar/

  • Maximum number of visible results: 20
  • Select a style for suggestion list: Rich & Slim
  • Autohide search engine를 선택한다.

RSS Icon In Awesomebar

피드가 있으면 주소 바에 아이콘을 보여준다.
https://addons.mozilla.org/en-US/firefox/addon/rss-icon-in-awesombar/

Turn Off the Lights

주변을 어둡게 만들어 동영상에 집중하게 해준다.
https://addons.mozilla.org/en-US/firefox/addon/turn-off-the-lights/

HttpFox

HTTP 분석 도구다.
https://addons.mozilla.org/en-US/firefox/addon/httpfox/

Firebug

웹 개발 시 필요한 다양한 기능을 모아 두었다.
https://addons.mozilla.org/en-US/firefox/addon/firebug/

Pixel Perfect

HTML을 작성할 때, 디자인과 똑같이 맞추게 이미지를 띄워 준다.
https://addons.mozilla.org/en-US/firefox/addon/pixel-perfect/

Web Developer

웹 개발자를 위해 다양한 기능을 모아 두었다.
https://addons.mozilla.org/en-US/firefox/addon/web-developer/

YSlow

‘Yahoo의 웹사이트 성능 향상을 위한 규칙’7을 이용해 웹사이트를 분석하는 도구다.
https://addons.mozilla.org/en-US/firefox/addon/yslow/

추가 정보

주소창에서 전체 주소 보기

  1. 주소창에 about:config을 입력한다.
  2. 필터링창에 browser.urlbar.trimURLs를 입력한다.
  3. 더블 클릭해서 false로 변경한다.

탭을 맨 뒤에 띄우기

  1. 주소창에 about:config을 입력한다.
  2. 필터링창에 browser.tabs.insertRelatedAfterCurrent를 입력한다.
  3. 더블 클릭해서 false로 변경한다.

램캐쉬로 변경하기

속도를 높이기 위해 램캐시로 변경한다. 프로그램은 C드라이브에 사용자 폴더는 E드라이브에 설치되어 있어서 그런지 성능향상이 있는 것 같다.

  1. 주소창에 about:config을 입력한다.
  2. 필터링창에 browser.cache를 입력한다.
  3. browser.cache.disk.enable은 false로 변경한다.
  4. browser.cache.memory.enable은 true로 변경한다.
  5. 새 Integar값, browser.cache.memory.capacity를 추가한다.
  6. 100000(약 100메가 바이트)를 입력한다.
  7. 재시작한다.

새 탭 페이지에서 웹사이트 이미지 캐시하지 않기8

파이어 폭스 13부터 자주 이용하는 사이트를 보여주는 새로운 새 탭 페이지가 추가되었다. 그러나 이미지를 설정하지 못할 뿌더러 자주 갱신되어서 이미지로 웹사이트를 구별하는데 도움이 되지 못한다. 그 외 여러가지 보안 문제로 사용하지 않기로 한다.

  1. 주소창에 about:config을 입력한다.
  2. 새 Boolean값, browser.pagethumbnails.capturing_disabled를 추가한다.
  3. 값을 true로 설정한다.

UserChrome.css

UserChrome.css9를 통해 파이어폭스의 인터페이스를 바꿀 수 있다. 확장 기능을 추가할 경우, 파이어폭스의 기본 인터페이스와 어울리지 않는 경우가 많은데, 그 부분도 수정할 수 있다. 다음은 현재 사용하는 스타일이며, 확장 기능 부분은 제외했다.10

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */

/* change nav-bar height */
#navigator-toolbox[iconsize="small"] #nav-bar {height: 30px !important}

/* change urlbar font */
#urlbar {font-family: Consolas, monospace !important}

/* remove dropmarker in urlbar */
.urlbar-history-dropmarker {display:none}

/* show toolbar in fullscreen */
#main-window[inFullscreen] #PersonalToolbar:not([collapsed="true"]) {visibility: visible !important;}

/* change tab size */
.tabbrowser-tab[fadein]:not([pinned]) {max-width: 160px !important}

/* remove maximum width restriction of sidebar */
#sidebar {max-width: none !important}

/* hide bookmark icon */
.bookmark-item[type="menu"] > .toolbarbutton-icon {
	display: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

/* change bookmark item width */
.bookmark-item[type="menu"] > .toolbarbutton-text {padding: 0 4px !important}

/* hide bookmark item[label] text */
.bookmark-item[label="Bookmarks"] .toolbarbutton-text {display:none !important}

/* show bookmark item[label] icon */
.bookmark-item[label="Bookmarks"] > .toolbarbutton-icon {display:inline !important}

/* change menubutton width */
#navigator-toolbox[iconsize=small][mode=icons] > #nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button {width: 22x !important}

/* change menubutton dropmarker */
#navigator-toolbox[iconsize=small][mode=icons] > #nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
	opacity: 0.7;
	padding-left: 0px !important;
	padding-right: 2px !important;
}

/* hide window controls in full screen mode */
#window-controls {display:none!important}

/* change tab background color in full screen mode */
#main-window[sizemode=fullscreen]:not(:-moz-lwtheme) {background-color: #111 !important}

주의 사항

북마크 이름

Internet Explorer는 북마크를 데이터베이스 파일이 아닌 폴더와 파일로 저장한다. 파이어폭스에서 Explorer 명령어인 ‘..’로 폴더 이름을 만들고, 인터넷 익스플로러에서 불러오면 윈도우에 문제가 생기므로 주의해야 한다.

문제 해결

urlclassifier3.sqlite 크기가 커질 때

urlclassifier3.sqlite를 삭제하고 파이어폭스를 실행한다.11

Adobe Flash와의 충돌

2012년 6월 Adobe Flash 11.3버전과 심하게 충돌이 일어났다. 문제가 빨리 해결되지 않고 몇 개월이나 지속되어서 결국 크롬과 함께 사용했다. 11.4.xxx12 이상의 최신 업데이트를 하면, 문제가 해결된다.

링크

공식 웹사이트
Mozilla Blog
MozillaZine
MozillaWiki
Keyboard Shortcuts, Firefox Help

  1. 크롬에서도 불가능하진 않지만, 약간 번거롭다. How to Customize Extension Icons in Google Chrome [↩]
  2. 메모리가 부족한 컴퓨터에서 여러 탭을 띄우고 싶다면, 크롬보다는 파이어폭스를 추천한다. 크롬은 여러 개의 탭을 운영하는 환경에서 메모리를 심하게 소모한다. [↩]
  3. Profile Manager. mozillaZine Knowledge Base [↩]
  4. Command Line Options. Mozilla Developer Network. [↩]
  5. Using keyword searches mozillaZine Knowledge Base. [↩]
  6. adblock Plus는 툴바 버튼을 마우스 왼쪽 버튼으로 누를 때 enabled/disabled가 아니라 메뉴가 나타난다. 사용자 경험을 유지시켜주기 위해 값을 변경한다. [↩]
  7. Yahoo! YSlow [↩]
  8. add preference to disable capturing thumbnails in the background. Bugzilla [↩]
  9. UserChrome.css. mozillaZine Knowledge Base. [↩]
  10. 오랜 기간 여기저기서 찾은 자료들이라 출처는 표기하지 못했다. 직접 소스(C:\Program Files (x86)\Mozilla Firefox\omni.ja)를 분석한 것도 있고 Firefox Visual customizations에서 참고한 것도 있다. [↩]
  11. What is urlclassifier3.sqlite? mozillaZine Forums. [↩]
  12. 잠시 업데이트를 안 한 기간이 있어서, 정확한 버전은 모르겠다. 2012년 10월 Firefox 15.0.1, Flash 11.4.402.287버전에서는 이상 없다. [↩]