Skip to content

自动抓取 IMDb 信息并展示

通过此项自定义引擎,您将可以在浏览网页时自动显示划选文字对应电影的 IMDb 信息

IMDb

新增引擎

打开搜索酱配置页,在你的搜索酱“划词搜索”分组新增引擎。

在 URL 输入框内填入

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

保存引擎。

使用

在任意页面划选电影名,磁贴出现时,将鼠标悬浮于新增的引擎上,即可显示抓取内容。