自動抓取 IMDb 資訊並展示

透過此自訂引擎，您將可以在瀏覽網頁時自動顯示劃選文字對應影片的 IMDb 訊息

新增引擎

打開搜尋醬配置頁，在你的搜尋醬「劃詞搜尋」分組新增引擎。

在 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>生成。

保存引擎。

使用

在任何頁面劃選電影名，磁貼出現時，將滑鼠懸浮於新增的引擎上，即可顯示抓取內容。