"Greasemonkey"
- 브라우징을 하고 있는 웹페이지들의 외관등을 변경하는 스크립트를 작성할 수 있도록 하는 확장기능이다.
- 이 기능을 사용하면 사이트를 보다 사용하기 편리하게, 읽기편리하게 하는 것이 가능하다.
- 사이트로부터 데이터를 얻어서 2개의 사이트를 상호 관련지게 할 수있다.
- 이것만 설치 함으로 새로운 기능을 사용할 수 있는 것이 아니라 유져스크립트(userscript)라고 불리는 것을 인스톨해서 원하는 기능을 얻는다.
- 이 유져스크립트는 자바스크립트이다. (나중에 소스를 볼 수 있을 것이다.)
1. 설치
- https://addons.mozilla.org/ko/firefox/addon/748 로 이동한다.
- "Firefox에 추가" 버튼을 눌러 인스톨한다.
- 재기동하면 Firefox의 화면 오른쪽 밑에 원숭이 아이콘이
생기면 인스톨 성공이다.
2. 관리화면
- Firefox의 화면 오른쪽 밑의 원숭이 아이콘에서 오른쪽 마우스를 누르고 "유져 스크립트 관리"를 선택한다.
- 아래와 같은 화면이 나오는데, 다음과 같은 작업이 가능하다.
* 읽어들인 유져스크립트의 실행 순서를 변경할 수 있다. (가장 위부터 실행된다.)
* 유져스크립트를 실행하는 페이지, 실행하지 않는 페이지를 편집한다.
* 유져스크립트를 유효/무효로 할 수 있다.
* 유져스크립트를 편집할 수 있다.
* 유져스크립트를 언인스톨 할 수 있다.
- 유져스크립트는 경우에 따라 상호관계가 있는 것들이 있다. 따라서 상호관계가 있을 경우 먼저 실행시켜야 하는 것을 위로 올려야 한다.
(가령 아래서 설명할 LDRize는 Minibuffer에 의존하므로 Minibuffer에가 위에 있어야 한다.)
3. 유져스크립트 리포지터리
- userscripts.org (http://userscripts.org) : 간단한 검색인터페이스를 가지고 있어서 자신이 원하는 유져스크립트를 찾아서 인스톨 할 수 있다. 물론 코드도 볼 수 있으므로 인스톨 전에 보면서 체크를 해 볼 수 있다.
- CodeRepos (http://coderepos.org/share/browser/lang/javascript/userscripts) : 이 사이트의 어카운트를 가지고 있으면 누구라도 코드를 수정할 수 있다.
"브라우징을 쾌적하게 하는 유져스크립트"
- Greasemonkey 를 이용해서 브라우징을 쾌적하게 해 보자.
1. AutoPagerize
- AutoPagerize는 구글 등 검색사이트에서 검색결과가 많은 경우 페이지 아래에 페이지 번호가 링크되어 나타나는데, 다음을 보기 위해선 클릭을 해야 하는 불편함을 개선하여, 스크롤 하는 것 만으로 다음다음 페이지의 결과가 그대로 보여지게 하는 기능의 스크립트이다. 즉 페이지를 넘기지 않아도 한페이지에서 모든 결과를 볼 수 있는 장치이다.
- 인스톨 : http://userscripts.org/scripts/show/8551 에서 인스톨 버튼을 눌러 설치한다.
- 이용 가능한 사이트 정보 : autopagerize.user.js 소스를 보면 아래와 같은 부분이 있다.
var SITEINFO_IMPORT_URLS = [
'http://wedata.net/databases/AutoPagerize/items.json',
]
- http://wedata.net/databases/AutoPagerize/items 에 가보면 어떠한 사이트들이 이용 가능한지 알 수 있다.
- 이 사이트에서 'naver'를 검색해 보면 네이버의 이미지 검색페이지도 사용될 수 있음 을 알수 있다.
자신이 AutoPagerize의 기능을 사용하고 싶은 페이지를 위와 같은 형식으로 추가시켜 넣어도 된다.
2. Minibuffer
- 설치 : http://userscripts.org/scripts/review/11759 에서 인스톨 버튼을 눌러 인스톨
- 이름대로 작은 버퍼를 취급하는 유져 스크립트이다.
- 설치 한 후 아무 페이지(http://www.naver.com)나 열어보자. 그리고 : 키를 누르면 밑에 검은 버퍼가 나타난다.
- 거기서 "$ location | google-cache | open" 을 입력하고 엔터를 누르면 다른 탭에 구글의 캐쉬검색에서 위의 페이지의 정보가 나올 것이다.
- 검은 화면에 입력을 하면 이런저런 명령어가 나오는데 많은 용도가 있을 듯 하다.
- 이번은 단지 아래 LDRize를 활용해 보기 위해 설치해 본 것이다.
3. LDRize
- 설치 : http://userscripts.org/scripts/show/11562 에서 인스톨 버튼을 눌러 인스톨
- 이 스크립트는 구글같은 검색결과에서 리스트결과를 키보드로만 사용해서 살펴보고 검색페이지를 핀으로 선택해서 페이지를 오픈 할 수 있도록 하는 유져스크립트이다. (여러 사이트에서 livedoor Reader의 동작을 재현한 것이다.)
- 아래와 같이 구글에서 "apple"로 검색한 다음 'j', 'k' 키로 이동하면서 검색결과를 알아보고, 'p'키를 눌러 자신이 원하는 검색결과를 선택해 놓고, 'o'키를 이용해 선택된 글들을 모두 오픈시켜본다.
- 'p'키로 선택된 검색결과가 버퍼에 표시된다. 아래 검은 부분을 보면 "3 items"라고 적혀 있는 것은 검색결과 3개에 일단 핀을 꽂아둔것이다.
- 아래가 작동 키보드와 작동 내용이다.
- LDRize가 작동시 웹브라우져의 오른쪽 위부분의 연두색 사각형 모양을 볼 수 있다. 혹시 다른색이라면 그 사각형을 클릭해 보자. 그 색깔의 의미를 알 수 있다. 연두색은 정상적이라는 뜻이다.
### 참고 ###
1. 각 OS별 프로파일폴더 위치
이 폴더 밑에 있는 profiles.ini를 열어보면 PATH 라는 항목에 설정파일 경로가 적혀있다. 그 경로를 보면 여러 설정파일이 있다. 이 경로에 prefs.js 스크립트(firefox설정 자바스크립트)도 있으며, gm_scripts(Mac OS X 기준) 폴더를 열어보면 위에서 설치한 유져 스크립트들이 있을 것이다.
- 브라우징을 하고 있는 웹페이지들의 외관등을 변경하는 스크립트를 작성할 수 있도록 하는 확장기능이다.
- 이 기능을 사용하면 사이트를 보다 사용하기 편리하게, 읽기편리하게 하는 것이 가능하다.
- 사이트로부터 데이터를 얻어서 2개의 사이트를 상호 관련지게 할 수있다.
- 이것만 설치 함으로 새로운 기능을 사용할 수 있는 것이 아니라 유져스크립트(userscript)라고 불리는 것을 인스톨해서 원하는 기능을 얻는다.
- 이 유져스크립트는 자바스크립트이다. (나중에 소스를 볼 수 있을 것이다.)
1. 설치
- https://addons.mozilla.org/ko/firefox/addon/748 로 이동한다.
- "Firefox에 추가" 버튼을 눌러 인스톨한다.
- 재기동하면 Firefox의 화면 오른쪽 밑에 원숭이 아이콘이
2. 관리화면
- Firefox의 화면 오른쪽 밑의 원숭이 아이콘에서 오른쪽 마우스를 누르고 "유져 스크립트 관리"를 선택한다.
- 아래와 같은 화면이 나오는데, 다음과 같은 작업이 가능하다.
* 읽어들인 유져스크립트의 실행 순서를 변경할 수 있다. (가장 위부터 실행된다.)
* 유져스크립트를 실행하는 페이지, 실행하지 않는 페이지를 편집한다.
* 유져스크립트를 유효/무효로 할 수 있다.
* 유져스크립트를 편집할 수 있다.
* 유져스크립트를 언인스톨 할 수 있다.
- 유져스크립트는 경우에 따라 상호관계가 있는 것들이 있다. 따라서 상호관계가 있을 경우 먼저 실행시켜야 하는 것을 위로 올려야 한다.
(가령 아래서 설명할 LDRize는 Minibuffer에 의존하므로 Minibuffer에가 위에 있어야 한다.)
3. 유져스크립트 리포지터리
- userscripts.org (http://userscripts.org) : 간단한 검색인터페이스를 가지고 있어서 자신이 원하는 유져스크립트를 찾아서 인스톨 할 수 있다. 물론 코드도 볼 수 있으므로 인스톨 전에 보면서 체크를 해 볼 수 있다.
- CodeRepos (http://coderepos.org/share/browser/lang/javascript/userscripts) : 이 사이트의 어카운트를 가지고 있으면 누구라도 코드를 수정할 수 있다.
"브라우징을 쾌적하게 하는 유져스크립트"
- Greasemonkey 를 이용해서 브라우징을 쾌적하게 해 보자.
1. AutoPagerize
- AutoPagerize는 구글 등 검색사이트에서 검색결과가 많은 경우 페이지 아래에 페이지 번호가 링크되어 나타나는데, 다음을 보기 위해선 클릭을 해야 하는 불편함을 개선하여, 스크롤 하는 것 만으로 다음다음 페이지의 결과가 그대로 보여지게 하는 기능의 스크립트이다. 즉 페이지를 넘기지 않아도 한페이지에서 모든 결과를 볼 수 있는 장치이다.
- 인스톨 : http://userscripts.org/scripts/show/8551 에서 인스톨 버튼을 눌러 설치한다.
- 이용 가능한 사이트 정보 : autopagerize.user.js 소스를 보면 아래와 같은 부분이 있다.
var SITEINFO_IMPORT_URLS = [
'http://wedata.net/databases/AutoPagerize/items.json',
]
- http://wedata.net/databases/AutoPagerize/items 에 가보면 어떠한 사이트들이 이용 가능한지 알 수 있다.
- 이 사이트에서 'naver'를 검색해 보면 네이버의 이미지 검색페이지도 사용될 수 있음 을 알수 있다.
<네이버 이미지검색>
-----
url ^http://image\.search\.naver\.com/search\.naver\?.
exampleUrl http://image.search.naver.com/search.naver?query=%C8%C4%C4%ED%B4%D9%B8%B6%C0%AF%C4%DA
-----
-----
url ^http://image\.search\.naver\.com/search\.naver\?.
exampleUrl http://image.search.naver.com/search.naver?query=%C8%C4%C4%ED%B4%D9%B8%B6%C0%AF%C4%DA
-----
자신이 AutoPagerize의 기능을 사용하고 싶은 페이지를 위와 같은 형식으로 추가시켜 넣어도 된다.
2. Minibuffer
- 설치 : http://userscripts.org/scripts/review/11759 에서 인스톨 버튼을 눌러 인스톨
- 이름대로 작은 버퍼를 취급하는 유져 스크립트이다.
- 설치 한 후 아무 페이지(http://www.naver.com)나 열어보자. 그리고 : 키를 누르면 밑에 검은 버퍼가 나타난다.
- 거기서 "$ location | google-cache | open" 을 입력하고 엔터를 누르면 다른 탭에 구글의 캐쉬검색에서 위의 페이지의 정보가 나올 것이다.
- 검은 화면에 입력을 하면 이런저런 명령어가 나오는데 많은 용도가 있을 듯 하다.
- 이번은 단지 아래 LDRize를 활용해 보기 위해 설치해 본 것이다.
3. LDRize
- 설치 : http://userscripts.org/scripts/show/11562 에서 인스톨 버튼을 눌러 인스톨
- 이 스크립트는 구글같은 검색결과에서 리스트결과를 키보드로만 사용해서 살펴보고 검색페이지를 핀으로 선택해서 페이지를 오픈 할 수 있도록 하는 유져스크립트이다. (여러 사이트에서 livedoor Reader의 동작을 재현한 것이다.)
- 아래와 같이 구글에서 "apple"로 검색한 다음 'j', 'k' 키로 이동하면서 검색결과를 알아보고, 'p'키를 눌러 자신이 원하는 검색결과를 선택해 놓고, 'o'키를 이용해 선택된 글들을 모두 오픈시켜본다.
- 'p'키로 선택된 검색결과가 버퍼에 표시된다. 아래 검은 부분을 보면 "3 items"라고 적혀 있는 것은 검색결과 3개에 일단 핀을 꽂아둔것이다.
- 아래가 작동 키보드와 작동 내용이다.
'j' : 'Next',
'k' : 'Prev',
'p' : 'Pin',
'l' : 'List',
'f' : 'Focus',
'v' : 'View',
'o' : 'Open',
'i' : 'Iframe',
's' : 'Siteinfo'
'k' : 'Prev',
'p' : 'Pin',
'l' : 'List',
'f' : 'Focus',
'v' : 'View',
'o' : 'Open',
'i' : 'Iframe',
's' : 'Siteinfo'
- LDRize가 작동시 웹브라우져의 오른쪽 위부분의 연두색 사각형 모양을 볼 수 있다. 혹시 다른색이라면 그 사각형을 클릭해 보자. 그 색깔의 의미를 알 수 있다. 연두색은 정상적이라는 뜻이다.
### 참고 ###
1. 각 OS별 프로파일폴더 위치
- Windows vista : C:\Users\유져명\AppData\Roaming\Mozilla\Firefox\Profiles\
- Windows 2000/Xp : C:\Documents and Settings\유져명\Application Data\Mozilla\Firefox\profiles\
- Mac OS X : /Users/유져명/Library/Application Suppor/Firefox/Profiles/
- Linux/UNIX : - /.mozilla/firefox/
- Windows 2000/Xp : C:\Documents and Settings\유져명\Application Data\Mozilla\Firefox\profiles\
- Mac OS X : /Users/유져명/Library/Application Suppor/Firefox/Profiles/
- Linux/UNIX : - /.mozilla/firefox/
이 폴더 밑에 있는 profiles.ini를 열어보면 PATH 라는 항목에 설정파일 경로가 적혀있다. 그 경로를 보면 여러 설정파일이 있다. 이 경로에 prefs.js 스크립트(firefox설정 자바스크립트)도 있으며, gm_scripts(Mac OS X 기준) 폴더를 열어보면 위에서 설치한 유져 스크립트들이 있을 것이다.
