How to Easily Preview Web Page Content with the Link Preview Feature

With this link preview engine, you can easily preview the content of any linked webpage without actually opening the link. This feature is highly useful for improving browsing efficiency.

How to Add a New Preview Engine

To configure a new preview engine in your SearchJumper, follow these steps:

1. Open the SearchJumper configuration page.
2. In the "Link to" group, add a new engine.
3. Enter the required information in the URL input field.

showTips:
<style>
.search-jumper-tips{
    background:unset;
    box-shadow:unset;
    max-width: unset;
    width: auto;
    scrollbar-width: none;
}
.search-jumper-tips * {
    max-width: unset;
    width: auto;
}
.search-jumper-tips iframe{
    background: #f5f5f5e0;
    box-shadow: 0px 0px 10px 0px #000;
    width: 50vw;
    height: 50vh;
    resize: auto;
}
.search-jumper-tips [data-close] {
    background: #00000066;
    border-radius: 50%;
    line-height: 20px;
}
</style>
<a href="%t" target="_blank"><h4 data-drag style="width: calc(80% - 20px); top: 0px; background: #000000b0; left: 10%; padding: 2px 10px; border-radius: 10px; text-wrap: nowrap; text-overflow: ellipsis; position: absolute; text-align: center; overflow: hidden; display: block; color: white;">%t</h4></a>
<span data-close>×</span>
<iframe src="%t"></iframe>

Configuration Explanation

• showTips：This parameter is used to set the engine that will be displayed when the mouse hovers over the link.
• The HTML template below: Use %t as a placeholder for the current link. We embed the link in an iframe and use the style to optimize its appearance.

How to Solve Cross-Domain Issues

While the preview engine can successfully load most links, some websites' cross-domain restrictions may cause preview failures. Here's how to solve the problem:

Use a Browser Extension

Install a browser extension that supports modifying HTTP headers, such as ModHeader, to solve the cross-domain issue.

Modify HTTP Header Settings

Adjust or clear the following HTTP headers as needed:

• Content-Security-Policy
• Frame-Options
• X-Frame-Options

Set ALLOW-FROM to * to allow all sources.

Conclusion

By properly configuring the preview engine and solving cross-domain issues, you can significantly improve the browsing experience. If you need further assistance, please refer to the relevant documentation or contact me.