jetscan

埋め込み方

管理画面でサイトを登録すると、サイトキー入りの script タグが発行されます。それをサイトの HTML に貼ります。head の中でも body の末尾でも動きます。

<script src="https://api.jetscan.biz/embed.js" data-site="<サイトキー>" defer></script>

使えるドメイン

管理画面で、サイトごとに許可するオリジン（例：https://example.com）を登録します。登録したオリジンのページからだけ、クイックジャンプが動きます。サイトキーは HTML に書かれて公開されるので、ほかのサイトに貼られても使えないようにするためです。

移動先の候補

表示中のページにある同じオリジンのリンクと、同じオリジンの /sitemap.xml から、移動先の候補を自動で集めます。リンクの文字がページのタイトルとして使われます。

script タグの属性

属性既定値意味
data-siteなし（必須）管理画面で発行したサイトキー
data-sitemap/sitemap.xml読み込むサイトマップの URL。off で読み込まない
data-apiscript の配信元API のオリジン

キーボード以外から開く

data-jetscan-open を付けた要素をクリックすると開きます。スクリプトからは window.jetscan.open() で開けます。

<button type="button" data-jetscan-open>ページを探す</button>

色を変える

CSS のカスタムプロパティで上書きできます。

:root {
  --jetscan-bg: #ffffff;
  --jetscan-fg: #16181d;
  --jetscan-muted: #62666f;
  --jetscan-border: #dcdfe4;
  --jetscan-active: #dde3ee;
}