添加自定义网站时显示不出来，大佬
能不能把添加的提示词列表直接显示在搜索框下面，不用再多点一次鼠标才显示

https://chat.z.ai/
https://chat.qwen.ai/
https://grok.com/
https://www.doubao.com/

教程 - 如何为自定义网站添加支持

步骤（以 Grok 为例说明）

修改函数 getCurrentSite() ，添加一个 if 语句

    function getCurrentSite() {
        ...
        if(url.includes('grok.com')) return CONFIG.sites.GROK.id;

将 grok.com 与 CONFIG 内 GROK 的相关配置关联

新增 CONFIG 的站点配置项

    const CONFIG = {
        ...
        sites: {
            ...
            GROK: {
                id: 'grok',
                icon: 'https://grok.com/icon-512x512.png',
                buttonSize: '48px',
                selector: 'textarea',
                setPrompt: updateTextArea
            }

偷懒：

在页面编辑器上输入一段文字，右键 - 检查 - 右键 - 以 HTML 元素编辑，将其中所有内容连同完整的 CONFIG 常量发送给 AI，让它帮你确定选择器和合适的 setPrompt 方法

在等待 AI 思考输出的同时，在 head 部分找到图标，如果不熟悉，同样可以把所有内容发送给 AI，让它帮你确定与图标有关的元素，逐一判断

自定义配色主题（此处代码块仅作示例用）

1. 配合使用 F12 - 检查 功能，确定合适的背景色等
2. 复制 themes.json，打开记事本或在线编辑器，添加配色方案
3. 更新 // @resource THEMES 后的链接，链接到保存在本地或云端的 json 文件

{
    ...
    "grok": {
        "primary": "rgb(rrr, ggg, bbb)",
        "secondary": "rgb(rrr, ggg, bbb)",
        "hover": "rgb(rrr, ggg, bbb)",
        "text": "rgb(rrr, ggg, bbb)",
        "border": "rgba(rrr, ggg, bbb, 0.2)",
        "button": {
            "bg": "rgb(rrr, ggg, bbb)",
            "hover": "rgb(rrr, ggg, bbb)"
        },
        "panel": {
            "bg": "rgb(rrr, ggg, bbb)",
            "buttonBg": "rgb(rrr, ggg, bbb)",
            "buttonHover": "rgb(rrr, ggg, bbb)"
        }
    }
}

需求明确

• 或许你是想要在文本编辑器周围添加 datalist
  • 可以尝试检索匹配了你的目标网站的脚本，在其代码中搜索 datalist 关键字，或许可以找到满意的脚本

能不能把添加的提示词列表直接显示在搜索框下面，不用再多点一次鼠标才显示

更新：请移步 mini版本 进行体验