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）使用。