[팁] firefox 에서 j, k 키로 페이지 스크롤 하기

라키시스의 이미지

브라우저에 문서를 띄워 놓고 vim 으로 코딩을 하다가 잠시 문서를 볼 일이 있어서 브라우저로 스위치를 하는 경우, 무의식적으로 jjjj 를 누르다가 문득 vim 이 아니라는 것을 깨닫고, (투덜대면서)오른손을 움직여서 화살표 키를 누르거나 마우스를 잡으시는 분들이 많을 것이라고 짐작이 됩니다.

그래서 firefox 의 키 바인딩을 vi 로 바꿔 주는 플러그인도 사용해 봤습니다만, 오히려 더 불편했었습니다. 너무 많은 것을 플러그인에서 바꿔 버렸던 것이지요. 원하는 것은 단지 j, k 를 비롯한 사소한 몇가지인데 말입니다.

이럴 경우 간단히 해결을 할 수 있습니다.

${MOZILLA_HOME}/chrome/toolkit.jar 

파일의 압축을 풉니다.

jar -xf toolkit.jar

풀어서 나오는 content 라는 디렉토리 안의

${MOZILLA_HOME}/chrome/content/global/platformHTMLBindings.xml

파일을 편집기로 열어서 살펴 봅니다.

잘은 몰라도 키보드 이벤트가 발생했을 때 어떤 동작을 취할 것인지를 나열해 둔 것 같습니다.

이제, 해당 파일의 id 가 "browser" 인 binding 섹션의 handlers 섹션에 아래의 두 줄을 추가합니다 :

  <binding id="browser">
    <handlers>
  .
  .
  .
<span>      &lt;handler event="keypress" key="j" command="cmd_scrollLineDown" /&gt;
      &lt;handler event="keypress" key="k" command="cmd_scrollLineUp" /&gt;</span>
  .
  .
  .
    &lt;/handlers&gt;
  &lt;/binding&gt;

파일을 저장한 후, content 디렉토리를 다시 압축합니다 (원본 파일의 백업은 언급하지 않아도 하셨을 것으로 생각하겠습니다).

jar -cf toolkit.jar content/

파이어폭스를 재시작 합니다

이제 j, k 로 아래위 스크롤을 할 수 있습니다. 키보드의 방향 키에 손을 가져가지 않아도 됩니다. 오른손을 이동시킬 필요가 없으니 너무 행복합니다 :-$

platformHTMLBindings.xml 파일을 천천히 읽어 보시면 더 많은 일을 하실 수 있다는 것을 발견하실 수 있을 것입니다.

-----------------

${MOZILLA_HOME} 은 아래와 같습니다.

1. 우분투

   /usr/lib/firefox&lt;version&gt;

2. OSX
   /Applications/Firefox.app/Contents/MacOS

-----------------

참고 사이트는 아래와 같습니다. 아이러니컬하게도 이맥스 키바인딩을 사용하는 법에 대해 설명한 페이지로군요 ㅇㅅㅇ))

http://kb.mozillazine.org/Emacs_Keybindings_-_Firefox

Forums: 
primewizard의 이미지

저는 Emacs에 더 중독되면 firefox에 Emacs 키 바인딩 해봐야 겠습니다. ^^

댓글 달기

Filtered HTML

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

BBCode

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param>
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

Textile

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • You can use Textile markup to format text.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Markdown

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • Quick Tips:
    • Two or more spaces at a line's end = Line break
    • Double returns = Paragraph
    • *Single asterisks* or _single underscores_ = Emphasis
    • **Double** or __double__ = Strong
    • This is [a link](http://the.link.example.com "The optional title text")
    For complete details on the Markdown syntax, see the Markdown documentation and Markdown Extra documentation for tables, footnotes, and more.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Plain text

  • HTML 태그를 사용할 수 없습니다.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 줄과 단락은 자동으로 분리됩니다.
댓글 첨부 파일
이 댓글에 이미지나 파일을 업로드 합니다.
파일 크기는 8 MB보다 작아야 합니다.
허용할 파일 형식: txt pdf doc xls gif jpg jpeg mp3 png rar zip.
CAPTCHA
이것은 자동으로 스팸을 올리는 것을 막기 위해서 제공됩니다.