移动web端页面如何调用手机QQ?

article/2025/10/10 11:37:52

文章目录

      • 手机web页面调用手机QQ实现在线聊天的效果
      • 方法一:
          • html代码如下:
          • js代码如下:
      • 方法二:
          • 代码如下:
        • 效果图截图如下:
      • 统计表1 - 浏览器默认拦截
      • 统计表2 - 设备端与协议类型



手机web页面调用手机QQ实现在线聊天的效果


方法一:

html代码如下:
<a href="javascript:;" onclick="chatQQ()">QQ咨询</a>
js代码如下:
<script>function chatQQ(){//其中1234567指的是QQ号码window.location.href="mqqwpa://im/chat?chat_type=wpa&uin=1234567&version=1&src_type=web&web_src=oicqzone.com";}
</script>


方法二:

代码如下:
<a href="http://wpa.qq.com/msgrd?v=3&uin=1234567&site=qq&menu=yes">QQ客服1</a>

效果图截图如下:

**注意:**下面的截图页面不会停留太久,注意观察跳转变化!
真机实测

注意:
1. 手机端调用手机QQ,不会停留在当web页面,而是直接调用手机QQ的app,留在app;
2. PC端调用QQ.exe应用程序,在桌面窗口中会弹出浏览器对话框,一般都是浏览器端先拦截请求,再让用户选择是否启动QQ应用程序的;参考下面的表格1。
3. 因设备不同,所以有时候使用的协议也不相同,参考下面的表格2。

统计表1 - 浏览器默认拦截

PC端:浏览器类型是否拦截提示拦截率
IE一般
Firefox
360一般
Google

统计表2 - 设备端与协议类型

设备类型协议方式
PC端tencent://
移动端mqqwpa://
移动端wpa

另外,PC端如何调用QQ应用程序呢?
请查看“PC端页面如何调用QQ进行在线聊天?”。


以上就是关于“移动web端页面如何调用手机QQ?”的全部内容。


http://chatgpt.dhexx.cn/article/FI8DKFhr.shtml

相关文章

【前端学习笔记】移动web-黑马程序员学习笔记

移动web-黑马程序员学习笔记 1 字体图标2 平面转换2.1 绝对定位元素居中&#xff1a;2.2 双开门效果2.3 旋转效果2.4* 转换原点2.5 多重转换效果2.6 缩放 3* 渐变4 空间转换&#xff08;3D转换&#xff09;4.1 空间位移4.2 透视效果4.3 空间旋转4.4 立体呈现4.5 缩放 5 动画5.1…

移动Web UI组件库汇总

1、 Ant Design Mobile 介绍&#xff1a;一个基于 Preact / React / React Native 的 UI 组件库 组件库地址&#xff1a;https://mobile.ant.design/index-cn 组件库来源&#xff1a;蚂蚁金服体验技术部 2、SUI Mobile 介绍&#xff1a;SUI Mobile 是一套基于 Framework7 开发的…

移动web网页开发——动画

一、动画 1.1 动画 使用animation添加动画效果 思考&#xff1a;过渡可以实现什么效果&#xff1f; 答&#xff1a;实现2个状态间的变化过程 动画效果&#xff1a;实现多个状态间的变化过程&#xff0c;动画过程可控&#xff08;重复播放、最终画面、是否暂停&#xff09…

移动web学习总结

最近学习了些移动web开发的基础知识&#xff0c;稍微做下记录总结&#xff1a; Hello,移动web&#xff1a; https://www.imooc.com/learn/494 一、基础知识 1. 关于Pixel px : CSS px&#xff0c;逻辑像素&#xff0c;浏览器使用的抽象单位dp&#xff0c;pt&#xff1a; dev…

02-移动WEB

网站 favicon 图标 制作 favicon 图标 把图标切成 png 图片 把 png 图片转换为 ico 图标 , 借助第三方平台转换网站 如 https://www.bitbug.net/ favicon 图标放到网站根目录下 HTML 页面引入 favicon 图标 . <link rel"shortcut icon" href"/favicon.ic…

移动web(看这一篇就够了)

文章目录 移动web第一天&#x1f525;今日学习目标字体图标1、字体图标的使用2、购物车案例3、上传SVG矢量图 平面转换1、平面转换概念2、平面转换之位移3、平面转换之旋转4、平面转换之缩放 渐变 移动web第二天&#x1f525;今日学习目标2、透视效果3、空间转换之旋转4、立体呈…

移动web简介

什么是移动web 移动web就是在手机浏览器里面访问的web页面&#xff0c;除了一般的手机浏览器之外&#xff0c;好友一些程序内置的浏览器访问的页面也称之为移动web&#xff0c;例如微信公众号、小程序中的webview访问的页面等。 移动web与PCweb的区别 页面大小不一样。手机页…

什么是web移动端-移动端布局特点

文章目录 前言一、web移动端是什么&#xff1f;二、如何调试移动web网页1.真机调试&#xff1a;2.chrome浏览器调试&#xff1a;3.移动Web的发展历史 三.移动Web布局核心思想1.不允许网页出现横向滚动2.页面盛满屏幕&#xff0c;盒子宽度与屏幕一致 100%3.让盒子的内容宽高widt…

几种java结构图

集合类 IO流 线程池的加载 类与对象的关系 JVM springboot注解

java学习各种实用结构图

spring boot路线图 线程池 网络结构模型

Java基础知识结构图

目前还没有总结完&#xff0c;之后会慢慢进行补充&#xff01;

VGG16详细实现(笨办法)

一、 VGG16简介 VGG16网络是通过卷积和全连接的方式提取图片特征&#xff0c;进行识别一种网络结构。曾在某年取得分类第二&#xff0c;定位任务第一的佳绩。其结构包含&#xff1a; 13个卷积层 3个全连接层&#xff0c;所以被称为VGG16,如下图绿色的部分即是网络的结构组成&…

(Java实现)图片合成GIF动图(“复古”Swing界面)

1、项目简介 项目名称&#xff1a;pic2gif项目实现&#xff1a;将选定的几张图片(支持jpg&#xff0c;png&#xff0c;bmp&#xff0c;gif等) 合成为一张gif图关键字&#xff1a;图片处理&#xff0c;Java&#xff0c;Swing 2、项目结构 图片处理部分Swing界面部分 (u1s1, S…

图解 JVM 内存结构

文章目录 JVM 内存结构JVM包含哪几部分&#xff1f;在内存中 java 代码的执行的流程Java内存分布&#xff1a;各组件详细说明1. 程序计数器2. Java虚拟机栈3. 本地方法栈4. Java堆5. 方法区6. 运行时常量池7. 直接内存 总结问题那些区域会发生内存溢出&#xff1f;类存放在哪里…

JVM8基础结构图理解

目录 1 理解DOS里面的java命令 2 JVM内存 2.1 JVM主要组成部分 2.2 JVM内存(运行时数据区域) 2.2.1 虚拟机内存与本地内存区别 2.2.2 JVM内存(运行时数据区域)中的JVM内存 2.2.3 程序计数器(Program Counter Register) 2.2.4 虚拟机栈(JVM Stacks) 2.2.5 本地方法栈(N…

java绘制(可视化)树结构图

以JPanel组件为画板&#xff0c;继承JPanel类并重写paint(Graphics g)函数&#xff0c;在函数中使用画笔g绘制树结构图。 实例代码——3个java源文件&#xff1a;Main.java、DrawNode.java、DrawTree.java 1、Main.java package drawTree;public class Main {public static …

Java的理论知识以及结构图

Java基础 1、 简述Java的基本历史 java起源于SUN公司的一个GREEN的项目&#xff0c;其原先目的是&#xff1a;为家用消费电子产品发送一个信息的分布式代码系统&#xff0c;通过发送信息控制电视机、冰箱等 2、 简单写出Java特点&#xff0c;写出5个以上&#xff0c;越多越好…

Swagger使用教程及Swagger增强工具knife4j

标题 课外知识须知什么是swagger什么是RESTful 面向资源URI和URL区别&#xff1a; 博址推荐SpringBoot集成SwaggerSwagger常用注解Swagger增强工具knife4j 重点掌握&#xff1a;编写swagger的配置文件&#xff0c;理解每个配置的作用 课外知识须知 Swagger官网&#xff1a; …

JVM快速入门(类加载,对象创建,运行数据区,GC垃圾回收算法,jvm调优)

JVM快速入门 JVM定义&#xff1a;常见的几种jvmJDK&#xff0c;JRE&#xff0c;JVM区别 类加载过程类加载器作用加载器分类双亲委派机制好处 全盘委托机制 对象的创建流程类加载校验分配内存设置初值设置对象头对象头中的Mark Word 字段&#xff08;32位&#xff09;对象头中的…

一起学JVM(GC可视化工具Visual GC)

导读 众所周知&#xff0c;JVM&#xff08;java虚拟机&#xff09;运行着我们的java程序。java本身提供了自带工具VisualVM来帮助我们查看JVM的运行情况&#xff0c;下面主要介绍GC的可视化插件&#xff0d;Visual GC java版本 1.8.0_281 工具 VisualVM 的 Visual GC 插…