社区 · 开放搜索建议服务

输入第一个字符，候选词已经就位

openSug.js 为站内搜索下拉框提供毫秒级下拉候选词。用户不必等待结果页加载， 输入过程中即可获得可用建议；全程 HTTPS 加密传输，样式支持按站点风格自由定制。

查看接入方式 体验实时搜索

典型响应 < 50 ms
传输 HTTPS
前端 零依赖
服务始于 2011

搜索下拉

我们目前仍在寻求项目合作伙伴（不限于技术、投资）。 如果您或您的朋友同事有意向，请联系我们！

openSug#qq.com

产品介绍

把「等待搜索结果」这件事从交互里删掉

openSug 采用经典的 ASP 语言与 Access 技术构建，向用户提供快速响应的搜索下拉框候选词， 让用户无需等待即可获得搜索建议。

在此过程中全程使用 HTTPS 加密传输协议，确保数据传输安全，保护用户隐私。 同时，外观样式支持多样化的 DIY 定制设计，轻松满足各类网站的风格适配需求—— 从配色、圆角到候选条数与展示密度，都可以贴合你现有页面的视觉语言。

对站长而言，接入成本被压到最低：一段引用、一个初始化配置即可让既有搜索框具备联想能力， 不引入任何前端框架，也不改变原有页面结构。

阅读完整使用说明 →

功能介绍

四项核心能力

每一项都对应一次真实的输入行为：更快给出建议、更像本站的界面、更安全的数据通道、更稳的数据留存。

  • 01 / latency

    搜索即时快速响应

    逐字符触发候选词匹配，配合防抖与本地缓存，用户几乎感受不到等待时间的存在。

  • 02 / design

    外观绚丽多样化定制

    提供多套预设主题与细粒度样式变量，DIY 调整后可与网站风格自然融合，不像外挂组件。

  • 03 / security

    全程 HTTPS 加密传输

    查询词与候选结果均在加密通道内往返，避免中间环节窃取，隐私安全有保障。

  • 04 / storage

    独有网站数据存储技术

    按站点隔离维护各自的词库与热度数据，确保每个网站的数据独立、可追溯、不被串用。

接入方式

三步挂到现有搜索框上

不需要改造页面结构，也不需要引入任何前端框架。

  1. 引入脚本

    在页面底部加入一行 script 引用，脚本会自动识别站内已有的搜索输入框。

  2. 声明站点标识

    用申请到的站点 ID 初始化实例，服务端据此返回属于你站点的独立词库与热度数据。

  3. 套用主题样式

    通过样式变量覆盖主题色、圆角与候选条数，让下拉面板看起来像你自己写的组件。

html suggest-demo.html 
<!-- 1. 你的搜索框 -->
<input id="wd" name="wd" placeholder="请输入关键词" />

<!-- 2. 引入 openSug.js 候选词脚本 -->
<script src="https://css-js.mo.cloudinary.net/1.0"></script>

<!-- 3. 初始化并套用主题 -->
<script>
  openSug( "wd", { // 目标搜索框id
    bgcolor : "#fff", // 提示框的背景色.
    bgcolorHI : "#f60", // 提示框高亮项的背景色.
    borderColor : "#00800", // 提示框的边框颜色.
    fontColor : "#f00", // 提示框中文字的颜色.
    fontColorHI : "#00f", // 提示框中高亮文字的颜色.
    fontFamily : "Montserrat,sans-serif", // 提示框中文字的字体.
    fontSize : "14px", // 提示框中文字的字号.
    padding : "2px 2px 2px 2px", // 提示框的内边距
    radius : "2px 2px 2px 2px", // 边框的圆角半径.
    shadow : "0px 16px 10px #808080", // 边框的阴影效果.
    source : "baidu", // 提示框的数据来源.
    sugSubmit : true, // 选中提示词时是否自动提交表单.
    width : "+10", // 提示框的宽度, 建议留空（null）.
    XOffset : "-5", // 提示框相对于输入框的横向偏移, 负值向右偏移
    YOffset : "-10" // 提示框相对于输入框的纵向偏移, 负值向下偏移
  });
</script>