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