QQ自定义跳转单页开源版，简洁美观支持手机电脑自适应

演示站

功能说明

1. 核心跳转：使用 QQ 官方的临时聊天接口wpa.qq.com，输入 QQ 号后跳转 ，无需添加好友即可发起聊天，支持电脑端 QQ 、手机端 QQ（跳转后会唤起本地 QQ 应用）。

2. 输入校验：判断输入框是否为空
   ，为空时显示错误提示，且输入框自动聚焦 ，输入内容时错误提示自动隐藏 。

3. 便捷操作：除了点击按钮
   ，按下回车键也能触发跳转，符合日常操作习惯
   。

4. 样式适配：采用卡片式设计 ，背景渐变
   ，适配电脑
   、手机、平板等所有设备，按钮和输入框有 hover / 聚焦 / 点击的动态效果 ，视觉更友好。

5. 细节优化：输入框设为数字类型
   ，避免输入非数字；自动清空输入框；打开新窗口跳转，不覆盖当前页面；关闭浏览器自动填充 ，提升体验 。

使用方法

1. 将上述代码复制
   ，保存为 **.html** 后缀的文件（比如qq-chat-jump.html）。

2. 直接用浏览器打开该文件（支持所有主流浏览器：Chrome 、Edge、Firefox
   、Safari 等）
   。

3. 在输入框中填写要聊天的 QQ 号，点击 **「立即聊天」** 或按回车键 ，即可跳转到 QQ 聊天界面。

注意点

1. 跳转后，若电脑 / 手机已安装 QQ
   ，会直接唤起本地 QQ 应用发起临时聊天；若未安装，会引导跳转到网页版 QQ 。

2. 部分 QQ 号若设置了 **「拒绝临时会话」** ，则无法通过该方式发起聊天（属于 QQ 号的隐私设置
   ，非页面问题）
   。

3. 页面为纯静态 HTML，无任何后端依赖 ，无需部署服务器
   ，本地打开即可使用，也可上传到任意服务器 / 静态托管平台（如 GitHub Pages、Gitee Pages）使用。