IMDb 情報を自動的に取得して表示する

このカスタムエンジンにより、Web閲覧時に選択したテキストに対応する動画のIMDb情報を自動表示できるようになります。

新しいエンジンを追加

SearchJumper 設定ページを開き、SearchJumper の「単語検索」グループにエンジンを追加します。

URL入力ボックスに入力します

showTips:https://www.imdb.com/find/?q=%s&exact=true.then{.find-title-result .ipc-metadata-list-summary-item__t}
<h2 style="margin: 5px;">
{.hero__primary-text}
<span style="position: absolute; right: 10px; color: orange;">{.ipc-btn__text>div>div>div}</span>
</h2>
<div style="display: flex; font-size: 20px; width: 500px;">
<img style="height: fit-content;" src="{.ipc-image|src}"/>
<div style="font-size: 16px; line-height: 1.5; text-align: left; margin: 5px;">
<div>{a.ipc-chip|<span style="white-space: nowrap;margin: 5px; font-size: 16px; border-radius: 5px; padding: 2px; box-shadow: 0px 0px 10px 0px #000;">()</span>}</div>
<div>Year: {h1+ul>li>.ipc-link}</div>
<div>Director: {section>div>div>.title-pc-list>li:nth-child(1) li}</div>
<div>Writer: {section>div>div>.title-pc-list>li:nth-child(2) li}</div>
<div>Stars: {section>div>div>.title-pc-list>li:nth-child(3) li|<span>(innerText)</span>}</div>
<div style="font-size: 16px; margin-top: 10px; border-top: 1px solid;">{section>p>span}</div>
</div>
</div>

このうち、先頭の showTips はマウスホバリング時にエンジンが情報をキャプチャして表示することを意味し、次はキャプチャされた内容が https://www.imdb.com/find/?q=%s&exact= であることを意味します。 true、%s コンテンツを選択します。

.then{.find-xxx} は、クロール後にコンテンツが解析されず、.find-xxx リンクに対応するコンテンツがクロールされてから解析されることを意味します。

以下は、クロール後に表示する必要がある HTML テンプレートです。ここで、{.hero__primary-text} は、.hero__primary-text の対応する要素の innerText コンテンツです。

{section>xxx|<span>(innerText)</span>} は、複数の section>xxx を取得し、トラバースして複数の要素を生成することを意味します。 各要素は <span>(innerText)</span> によって生成されます。

エンジンを保存します。

使用

任意のページでムービー名を選択し、タイルが表示されたら、新しく追加したエンジンの上にマウスを置くと、キャプチャされたコンテンツが表示されます。