Skip to content

Advanced features

Jump to bottom
tetsu edited this page Dec 6, 2018 · 28 revisions

Keyboard shortcut

Open: chrome://extensions/shortcuts

You can set a shortcut key as you like. If you usually operate your mouse by the right hand, a recommendation is a shortcut key which you can push only by your left hand(e.g. ALT+Z)

Maneuver the window

Lock the display

If you select some text, the display in the Mouse Dictionary window is locked. After that, double-click the window so that you can drag and select text in the window.

This behavior is useful for:

  • lookup words in the Mouse Dictionary window
  • copying the text in the Mouse Dictionary window

Jump to corners

Double-click the edges of the window.

Read PDF files

You can use Mouse Dictionary even in PDF documents, by making a small effort!

There are several ways.

  • PDF.js demo site
  • Dropbox
  • Google document

PDF.js demo site

Open the PDF.js demo site. https://mozilla.github.io/pdf.js/web/viewer.html

Dropbox

Upload a PDF file and open it via the Dropbox web interface.

Google document

Upload a PDF file to the site, and open as a Google document.

Customize(basics)

From the options screen, you can customize basic settings easily.

  • Initial window position/size
  • Turn on/off the scroll bar
  • Change font size/color
  • Change background colors
  • And so on...

Customize(advanced)

You can even customize the display of the dictionary as you like. For example, it's fairly easy to make head words clickable and have it open Google images search for the words.

Searching for images, synonyms, and collocations would really accelerate your language learning dramatically.

How to customize the display

Open "advanced settings" in the options screen, and change "Description" in "HTML templates" section.

Example 1: Click headwords and open Google image search

<div style="all:initial;cursor:inherit;font-family:'hiragino kaku gothic pro', meiryo, sans-serif;">
  {{#words}}
    {{^isShort}}
      <span style="font-size:{{headFontSize}};font-weight:bold;color:{{headFontColor}}">
        <a href="https://www.google.com/search?tbm=isch&q={{head}}" target="_blank" style="text-decoration:none;">{{head}}</a>
      </span>
      <br/>
      <span style="font-size:{{descFontSize}};color:{{descFontColor}};">
        {{{desc}}}
      </span>
    {{/isShort}}
    {{#isShort}}
      <span style="font-size:{{headFontSize}};font-weight:bold;color:{{headFontColor}}">
        <a href="https://www.google.com/search?tbm=isch&q={{head}}" target="_blank" style="text-decoration:none;">{{head}}</a>
      </span>
      <span style="color:#505050;font-size:x-small;">{{shortDesc}}</span>
    {{/isShort}}
    {{^isLast}}
      <br/><hr style="border:0;border-top:1px solid #E0E0E0;margin:0;height:1px;" />
    {{/isLast}}
  {{/words}}
</div>

Example 2: Search images, synonyms, collocations

<div style="all:initial;cursor:inherit;font-family:'hiragino kaku gothic pro', meiryo, sans-serif;">
  {{#words}}
    {{^isShort}}
      <span style="font-size:{{headFontSize}};font-weight:bold;color:{{headFontColor}}">
        <a href="https://www.google.com/search?tbm=isch&q={{head}}" target="_blank" style="text-decoration:none;">{{head}}</a>
        <a href="http://www.freecollocation.com/search?word={{head}}" target="_blank" style="text-decoration:none;">🍪</a>
        <a href="https://www.thesaurus.com/browse/{{head}}" target="_blank" style="text-decoration:none;">🍩</a>
      </span>
      <br/>
      <span style="font-size:{{descFontSize}};color:{{descFontColor}};">
        {{{desc}}}
      </span>
    {{/isShort}}
    {{#isShort}}
      <span style="font-size:{{headFontSize}};font-weight:bold;color:{{headFontColor}}">
        <a href="https://www.google.com/search?tbm=isch&q={{head}}" target="_blank" style="text-decoration:none;">{{head}}</a>
        <a href="http://www.freecollocation.com/search?word={{head}}" target="_blank" style="text-decoration:none;">🍪</a>
        <a href="https://www.thesaurus.com/browse/{{head}}" target="_blank" style="text-decoration:none;">🍩</a>
      </span>
      <span style="color:#505050;font-size:x-small;">{{shortDesc}}</span>
    {{/isShort}}
    {{^isLast}}
      <br/><hr style="border:0;border-top:1px solid #E0E0E0;margin:0;height:1px;" />
    {{/isLast}}
  {{/words}}
</div>
Clone this wiki locally