如何使用预览链接功能轻松查看网页内容

通过此项预览链接引擎，您可以轻松预览任何链接指向的网页内容，无需实际打开链接。这一功能对提高浏览效率非常有用。

如何新增预览引擎

要在 SearchJumper 中配置新的预览引擎，请执行以下步骤：

打开 SearchJumper 的配置页面。
在“指向链接”分组中，添加新的引擎。
在URL输入框中输入所需信息。

html

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>

配置说明

showTips：此参数用于设置当鼠标悬浮时展示的引擎。
下方为 HTML 模板：使用%t作为当前链接的占位符。我们通过iframe嵌入链接，并使用style属性优化其外观。

如何解决跨域问题

虽然预览引擎可以成功加载大多数链接，但某些网站的跨域限制可能导致预览失败。以下是解决方法：

使用扩展程序

安装支持修改HTTP头的浏览器扩展，如 ModHeader，以解决跨域问题。

修改 HTTP 头设置

根据需要调整或清空以下 HTTP 头：

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

将 ALLOW-FROM 设为 * 以允许所有来源。

总结

通过合理配置预览引擎和解决跨域问题，您可以显著提升浏览体验。如需更多帮助，请查看相关文档或联系我。

如何使用预览链接功能轻松查看网页内容 ​

如何新增预览引擎 ​

配置说明 ​

如何解决跨域问题 ​

使用扩展程序 ​

修改 HTTP 头设置 ​

总结 ​