Double Click

Double Click to Lookup in Online Dictionary

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램을 설치해야 합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name         Double Click
// @namespace    derjoker
// @version      0.1.3
// @description  Double Click to Lookup in Online Dictionary
// @author       Feng Ya
// @match        *://*/*
// @grant        none
// ==/UserScript==

;(function () {
  'use strict'

  // Your code here...
  console.log('Double Click v' + GM_info.script.version)

  const engines = {
    en: 'https://www.merriam-webster.com/dictionary/',
    de: 'https://www.duden.de/suchen/dudenonline/'
  }

  const htmlLang = document.querySelector('html').lang.slice(0, 2)

  window.addEventListener('dblclick', event => {
    console.log(event.path)
    console.log(event.path.map(node => node.lang))
    const langs = event.path.map(node => node.lang)
      .filter(lang => Boolean(lang))
      .map(lang => lang.slice(0, 2))
    const lang = htmlLang === 'en' ? langs[0] : htmlLang
    const engine = engines[lang] || engines.en

    const selection =
      window.getSelection() ||
      document.getSelection() ||
      document.selection.createRange()
    const link = engine + selection
    console.log(link)
    window.open(link)
  })
})()