About/広辞苑無料検索/Custom JS guide

About/広辞苑無料検索/Custom JS guide

当「広辞苑無料検索」サービスは Custom JS (Custom JavaScript) を対応しています。それを利用して、当サービス全ての機能を変更またカスタマイズすることができます。

Custom JS 方法:当サービスの検索フォームで「⚙」(設定)ボタンをクリックして、設定ダイアログの「カスタマイズ JS」 入力欄で自分好みの JavaScript を入力する。Custom JSコンテンツはページDOMの"<body>"Elementの真っ先にロードされる。

Custom JavaScript Guide

Background: This site is built using React and Redux frameworks with server side rendering enabled. In the client side, the root React element is being rendered in DOM "load" event handle.

Global hook variables

You should wait the DOM "load" event to use these variables.

  • window.__APP__ : The top-most React component (<App />) instance. (Only available after the DOM "load" event)
  • window.__STORE__ : The redux store.
  • window.__DATA__ : Object. Store some exposed global (Modifiable) data.
  • window.__USERCONFIG__ : User config data. (Read-only)

window.__DATA__

properties

  • externalSearchSites : Array.「外部サイト検索」機能のサイトリスト。Each item format:
{
  name: "Weblio辞書",
  url: "https://www.weblio.jp/content/%s", // replace the search keyword with "%s"
  // iconUrl: "https://www.weblio.jp/favicon.ico", // optional
}

Custom JavaScript Examples

「外部サイト検索」リストにサイトを追加

window.addEventListener("load", () => {
  window.__DATA__.externalSearchSites.push({name: "Weblio英和辞典", url: "https://ejje.weblio.jp/content/%s"})
});

Last update: 2020-02-12 03:05:32 UTC