최근에 나온 파이어폭스 3 릴리즈에서, 사람들이 가장 많이 불편해 하는 부분이 바로 주소표시줄의 자동완성 기능인데요. 지나치게 많은 스크린 영역을 잡아먹는다던가, 아니면 자동완성 알고리즘이 마음에 안들어서.. 심한 경우 다시 파폭2로 돌아가는 경우도 있더군요.

이런 파이어폭스 3 주소표시줄의 기능을 트윅하고, 또 기타 유용할만한 주소표시줄 관련 확장기능과 팁들을 모아봤습니다.

주소표시줄 관련 확장기능

(로그인이 필요한 서비스에서 모질라 계정이 없으시면, 여기 BugMeNot 계정을 사용하세요.)

Oldbar

파이어폭스 3의 주소표시줄을 파폭2 처럼 되돌려 놓는 확장기능입니다. 설치하고 나면 파폭2 주소표시줄의 모습 뿐만 아니라, 단어를 입력해도 웹페이지 제목 없이 url만 표시해줍니다. 거의 동일한 기능을 하는 확장기능으로 Old Location Bar가 있네요. 가장 간단하게 파폭2의 주소표시줄 기능으로 되돌아가는 방법입니다.

Edit Middle 2

파이어폭스 3 주소표시줄에서 단어를 잘못 입력해서 다시 수정했을때, 주소를 제대로 업데이트 안하는 현상을 바로잡아줍니다.

예를 들어, firefix라고 잘못 입력해서.. 다시 돌아가 firefox라고 수정해도.. firefox와 관련된 추천 주소를 바로 업데이트 안해주는데요. Edit Middle 2를 설치하면 단어를 중간에 편집해도 올바르게 업데이트 됩니다.

(사실 이 확장기능 없어도.. 단어를 고치고 아래 화살표를 누르면 바로 업데이트 되기 때문에 어떻게 보면 쓸데없는 확장기능 같습니다만.. 키 한번 더 누르는게 번거로운 사람에게는 필요할지도 모르겠네요.. ;;)

Enter Selects 2 (로그인 필요)

파이어폭스 3의 주소표시줄에서 단어를 입력하다가.. 엔터를 누르면 바로 첫번째 결과를 선택해 바로 이동합니다. Edit Middle 2 처럼 아래 화살표 누르는 수고를 덜어주는 확장기능이네요.. 다만 아래 소개하는 Locationbar²나 Fisson과 충돌하고, 북마크 키워드를 이용한 검색에 문제가 생긴다고 합니다.. –_-;

Searchery (로그인 필요)

주소표시줄과 검색엔진을 하나로 합쳐주는 강력한 확장기능입니다. 설치하면 상단 오른쪽의 검색엔진을 감춰주고, 주소표시줄에 단어를 넣으면 동시에 검색엔진이 표시됩니다. 검색엔진 갯수와 아래에 소개하는 about:config의 browser.urlbar.maxRichResults 값을 적당히 조절해 사용하면 더 활용도가 높아지겠네요. 이외에 구글 검색 결과도 동시에 표시해 주는 옵션이 있는데, 모든 옵션은 주소표시줄 오른쪽 끝에 위치한 돋보기 아이콘을 클릭해 바꿀수 있습니다.

Locationbar²

주소표시줄의 도메인만 눈에 띄게 표시해줘서 피싱 위험을 줄여주고, 또한 디렉토리별로 구분해 클릭 할 수 있게 만들어 줍니다. 파폭2에서는 한글 URL도 깔끔하게 출력해줘서 많이 이용했었는데, 파폭3 부터는 URL 인코딩이 개선되서 사실상 많은 효용이 없어졌습니다.

Fission

사파리나 오페라처럼 웹페이지를 로딩하면서.. 로딩 상태가 주소표시줄에 표시되게 만들어 줍니다.

about:config 설정값 변경

변경하는 방법은 주소에 about:config을 입력한뒤에, 경고를 무시하고 들어가.. 아래 설정값을 필터에 입력하고, 값 부분을 더블클릭 해서 바꾸면 됩니다. 원래값으로 돌아가려면 값 부분을 다시 더블클릭 해서 바꿔주거나, 마우스 우클릭하고 초기화를 선택하면 됩니다.

browser.urlbar.maxRichResults

주소표시줄의 자동완성 리스트 갯수를 조정합니다. 기본은 12개로 설정되어 있는데, 추천 갯수가 너무 많다고 생각되면 적당하게 줄여주세요. 물론 반대도 가능하고요. 스크린샷은 5개로 줄인 모습인데, -1로 설정하면 자동완성 기능이 완전히 꺼지게 됩니다.

browser.urlbar.matchOnlyTyped

값을 True로 바꾸면 자동완성 리스트에서 그냥 클릭해서 방문했거나 북마크했던 주소는 제외하고.. 직접 타이핑했던 주소만 나타나게합니다. 이것만 바꿔도 추천 주소를 획기적으로 줄일수 있어요.

places.frecency.unvisitedBookmarkBonus

places.frecency.bookmarkVisitBonus

상기값을 모두 0으로 바꾸면 자동완성 리스트에 북마크한 페이지가 안뜨게 됩니다. 자동완성의 알고리즘을 결정하는 Frecency Score 값에 관한 자세한 내용은 여기를 참조하세요. 그리고 위의 값을 적용한 후에 파이어폭스 3가 다시 반영하는 시간이 필요하므로.. 적용된 결과는 어느정도 시간이 지난후에 나타납니다.

browser.urlbar.clickSelectsAll

파이어폭스 3는 주소표시줄을 클릭했을때 전체 URL을 선택하는데요. 이 값을 Flase로 바꿔주면 파폭2 처럼 URL을 클릭했을때, 바로 그 부분에 커서 표시가 위치하게 됩니다.

userChrome.css 파일 변경하기

userchrome.css 파일의 직접 편집시에는 ChromeEdit Plus 확장기능을 이용하고, 웬만하면 Stylish 확장기능을 사용하시기 바랍니다.

주소표시줄과 검색창을 둥글둥글하게 만들어 줍니다.

http://userstyles.org/styles/6463

주소표시줄에서 북마크 별표 아이콘 제거

http://userstyles.org/styles/7169

RSS 아이콘 제거하는 스크립트는 http://userstyles.org/styles/7174

주소표시줄 앞의 파비콘 부분 제거하는 스크립트는 http://userstyles.org/styles/8026

주소표시줄 자동완성을 좀 더 콤팩트하게..

http://userstyles.org/styles/8023

주소표시줄 자동완성에서 타이틀 부분만 제거

http://userstyles.org/styles/8067

주소표시줄의 배경 색상을 보안 위험도에 따라 변경

http://userstyles.org/styles/38

주소표시줄의 자동완성 리스트에서 타이틀/URL 부분을 원하는 폰트 크기와 칼라로 바꾸기

.ac-comment {font-size: 100% !important; color: #444444 !important; }

.ac-comment[selected='true'] { color: #FFFFFF !important; }

.ac-url-text {font-size: 100% !important; color: #000077 !important; }

.ac-url-text[selected='true'] { color: #FFFFFF !important; }

-> 여기서 각각의 폰트 크기와 칼라를 지정해 주세요. 이 트윅은 이전에 소개한적이 있네요.. ;;

파이어폭스 2 처럼 https 주소로 접속했을때 주소표시줄 배경색을 노란색으로 바꾸기 (윈도우 전용)

#urlbar[level] .autocomplete-textbox-container { background-color: #FFFFB7 !important; }

조금 더 멋진 효과를 원하시면 http://userstyles.org/styles/7704

주소표시줄의 RSS & 별표 아이콘을 어둡게 하기 (마우스에 닿으면 활성화됨)

/* Dim the RSS icon until hover */
#feed-button {-moz-opacity: 0.2 !important;}
#feed-button:hover {-moz-opacity: 1.0 !important;}

/* Dim the Bookmark star icon until hover */
#star-button {-moz-opacity: 0.2 !important;}
#star-button:hover {-moz-opacity: 1.0 !important;}

주소표시줄의 Go 버튼을 항상 보이게 하기 (기본 설정은 주소를 입력할때만 보임)

#go-button { visibility: visible !important; }

이상 파이어폭스의 주소표시줄에 관한 확장기능과 여러가지 팁을 적어봤는데요.. 이외에도 괜찮은 팁이나 확장기능 있으면 주저말고 댓글로 추천해 주세요.. 그럼 오늘도 파이어폭스로 즐거운 웹서핑 하시길.. ^_^; 

포스트가 마음에 들면 RSS로 편하게 받아보세요~  웹초보의 Tech 2.1 한RSS로 구독하기

RSS가 무엇인지 궁금하시면 한RSS 만화 가이드~

이 글의 관련글

• 파이어폭스3의 주소표시줄 자동완성 기능 바꿔보기 (4) [파이어폭스/불여우/주소표시줄]
• 활성탭을 넒게 만드는 파이어폭스 팁 (2) [파이어폭스/불여우/팁]
• 파이어폭스 3 몇가지 팁 (26) [파이어폭스/불여우/팁]
• 파이어폭스 팁 메가 콜렉션 Ver 0.1 (62) [파이어폭스/불여우/팁]
• 파이어폭스3 베타4가 나왔습니다. (4) [파이어폭스/불여우]

파이어폭스3의 베타 버전이 나오면서 가장 큰 찬사와 동시에 혹평을 받고있는 것이 바로 주소표시줄의 자동완성 기능인데요.

혹평의 주된 내용을 보면 대체로 자동완성 메뉴가 너무 길고 커서 눈에 거슬린다는 점입니다.

만약 동일한 불편함을 느끼신다면.. 다음과 같은 방법을 적용해 보세요.

내용은 Mozilla Links에서 옮겨 왔습니다.

Fix Firefox 3's location bar

Tweak Firefox 3 location bar autocomplete menu

1. 자동완성 메뉴의 표시되는 갯수 줄이기

1) 주소줄에 about:config을 입력하고 확인을 누릅니다.

2) 필터 입력란에 browser.urlbar.maxRichResults를 넣습니다.

3) 더블클릭해서 1~10사이의 값으로 바꿔줍니다. (5를 입력하면 5개의 메뉴만 뜹니다.)

아래는 5를 적용한 결과 화면입니다. 브라우저를 재시작하면 결과가 반영됩니다.

2. 폰트 칼라와 사이즈를 변경하기

1) userchrome.css 파일을 오픈합니다.

-> userchrome.css 파일은 파이어폭스 profile 폴더 밑의 chrome 폴더에 들어있습니다. (profile 폴더는 윈도우 xp/비스타를 c드라이브에 설치했을 경우  C:\Documents and Settings\유저이름\Application Data\Mozilla\Firefox\Profiles\xxxxxxxx.default\에 위치합니다.)

-> userchrome.css 파일은 기본으로 들어있는 파일이 아니기 때문에.. 없다면 먼저 파일을 만들어야하는데요. 폴더에 들어있는 userchrome-example.css 파일을 userchrome.css 파일로 이름만 변경해도됩니다.

2) 아래의 코드를 복사해서 userchrome.css 파일에 추가합니다.

.ac-comment {
font-size: 100%! important;
color: #444444 ! important;
}

.ac-comment[selected=”true”] { color: #FFFFFF !important; }

.ac-url-text {
font-size: 100% ! important;
color: #000077 ! important;
}

.ac-url-text[selected=”true”] { color: #FFFFFF !important; }

.ac-comment는 타이틀 스타일에 적용되는데 주소줄의 텍스트와 동일한 사이즈(100%)로 처리했고 색상은 light gray입니다.

.ac-url-text는 url에 적용되는데 색상은 blue가 적용됐습니다.

다음은 적용한 모습입니다. 훨씬 깔끔하죠? ^^;

 

마지막으로.. 자동완성 기능 자체가 마음에 안드신다면 주소줄을 파폭2처럼 만들어주는 oldbar 확장기능을 사용하면됩니다.

포스트가 마음에 들면 RSS로 편하게 받아보세요~  웹초보의 Tech 2.1 한RSS로 구독하기

RSS가 무엇인지 궁금하시면 한RSS 만화 가이드~

이 글의 관련글

• 파이어폭스 3 주소표시줄 트윅 (25) [파이어폭스/불여우/주소표시줄]
• 파이어폭스 3.0 RC2 버전이 나왔습니다 (8) [파이어폭스/불여우/firefox]
• 파이어폭스3의 메모리 테스트 결과는? (8) [파이어폭스/불여우/firefox]
• 구글 시작페이지와 구글리더를 파이어폭스 사이드바로 열기 (2) [파이어폭스/불여우/firefox]
• 익스8의 새기능 파이어폭스에 벌써?? (11) [파이어폭스/불여우/firefox]