Automatically capture IMDb information and display it

Through this custom engine, you will be able to automatically display the IMDb information of the movie corresponding to the selected text when browsing the web.

Add new engine

Open the SearchJumper configuration page and add an engine to the "word search" group of your SearchJumper.

Fill in the URL input box

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>

Among them, showTips at the beginning means that the engine will capture and display information when the mouse is hovering, and the following means that the captured content is https://www.imdb.com/find/?q=%s&exact=true, where %s To select content.

.then{.find-xxx} means that the content will not be parsed after crawling, and the content corresponding to the .find-xxx link will be crawled and then parsed.

The following is the HTML template that needs to be displayed after crawling, where {.hero__primary-text} is the innerText content of the corresponding element of .hero__primary-text.

{section>xxx|<span>(innerText)</span>} means grabbing multiple section>xxx and then traversing to generate multiple elements. Each element is generated via <span>(innerText)</span>.

Save the engine.

Use

Select the movie name on any page. When the tile appears, hover the mouse over the newly added engine to display the captured content.