手机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>

注意:

1. 手机端调用手机QQ,不会停留在当web页面,而是直接调用手机QQ的app,留在app;

2. PC端调用QQ.exe应用程序,在桌面窗口中会弹出浏览器对话框,一般都是浏览器端先拦截请求,再让用户选择是否启动QQ应用程序的;参考下面的表格1。

3. 因设备不同,所以有时候使用的协议也不相同,参考下面的表格2。

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

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

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

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

另外,PC端如何调用QQ应用程序呢?

请查看“PC端页面如何调用QQ进行在线聊天?”。

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_35393869/article/details/73303061

 

原文地址:https://www.cnblogs.com/lxwphp/p/9082303.html

时间: 2024-11-05 18:29:40

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

[HTML] 微信开发之移动手机WEB页面(HTML5)Javascript实现一键拨号及短信发送功能

在做一个微信的微网站中的一个便民服务电话功能的应用,用到移动web页面中列出的电话号码,点击需要实现调用通讯录,网页一键拨号的拨打电话功能. 如果需要在移动浏览器中实现拨打电话,发送email,美国服务器,调用sns等功能,移动手机WEB页面(HTML5)Javascript提供的接口是一个好办法. 采用url链接的方式,实现在Safari ios,香港服务器,Android 浏览器,webos 浏览器,塞班浏览器,IE,Operamini等主流浏览器,进行拨打电话功能. 1.最常用WEB页面J

PC端页面如何调用QQ进行在线聊天?

pc端如何实现QQ在线咨询? html代码如下: <a href="tencent://message/?uin=1234567&Site=Sambow&Menu=yes">QQ在线咨询</a> 1 其中,上述HTML代码中的"1234567"指的是QQ客服号码. 只需要这么一句简单的html代码,就可以实现QQ在线聊天! 具体PC端实现QQ聊天的原理和相关知识,可以参考"移动web端对手机QQ的调用"进行

H5页面调用手机打电话功能

<head>里面加上: <meta name="format-detection" content="telephone=yes"/> 需要拨打电话的地方: <a href="tel:400-0000-688">400-0000-688</a> 发短信: <a href="sms:18688888888">发短信</a> 点击 页面上的电话号码 ,页面会调

html5页面调用手机打电话功能

<head>里面加上:<meta name="format-detection" content="telephone=yes"/> 需要拨打电话的地方:<a href="tel:400-0000-688">400-0000-688</a> 发短信:<a href="sms:18688888888">发短信</a> 完成. 点击 页面上的电话号码 ,页面会

web页面放到手机页面,缩放问题

有时候写页面样式不规范,很多页面元素写死尺寸时,web页面尺寸比较大放到移动端访问时,就背缩放了,div或者按钮变得好小 可以加段js,效果会好点 1 <script> 2 ! function( userAgent ) { 3 var screen_w = parseInt(window.screen.width), 4 scale = screen_w / 640; 5 if ( /Android (\d+\.\d+)/.test( userAgent ) ) { 6 var versio

ajax如何实现类似qq的在线聊天插件

ajax实现的无刷新在线聊天插件,效果极类似QQ聊天界面--在原来的基础上改造过的,网上还没有像这样实现的. 前段时间做了一个论坛,是phpwind源码的-5.0,后来从网上下了一个在线聊天插件,感觉不是很完善,就进行了改造.现在,我的论坛不在了(现在的网站是http://www.shou163.com/,欢迎设为首页),但是源码还留在硬盘上,想想应该能出来给大家共享,这样好的东西不能被埋没了,^-^ 实现的代码如下: 模板文件 index.htm 插入如下一段(注意先备份哦) <!-- 随便找

web页面自适应手机屏幕宽度

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />  在网页的<head>中增加以上这句话,可以让网页的宽度自动适应手机屏幕的宽度.其中:width=device-width :表示宽度是设备屏幕的宽度initial-scale=1.0:

Web页面中5种超酷的Hover效果

hover 效果能给网页增加一些动态效果,并且使得站点更具有活力.原来的做法是使用javascript来实现这些动态效果,但是随着CSS3的引入和现代浏览器 的支持,我们可以用纯粹的CSS代码来实现这些有趣的效果.所谓的现代浏览器,更多的是指以Mozilla和Webkit为核心的浏览器,IE的表现稍微 差强人意,所以请使用FireFox,Safari或者Chrome查看一下的效果.如下就是要介绍的5个非常酷的纯CSS hover 效果. 1. 向上跳跃 Click Here to Launch

web页面手机浏览器qq浏览器自带分享和微信浏览器自带分享的总结

我们公司有ios原生和安卓原生的app,后面新加H5的手机浏览器页面,页面需要分享.公司参照京东分享模式进行开发.本来想用h5和js一起写分享,后面发现每个浏览器都自带分享按钮,所以就用浏览器自带的分享按钮. 1.首先,qq浏览器是最简单,但是百度上最没有文档.qq浏览器打开页面,按分享按钮可以分享到qq好友.qq空间.朋友圈和微信好友,四种方式.但是分享必须自带自家产品的图片和标题,所以进行代码设置:如图: 设置这三者就可以把你想要的描述,标题和图片带过去.我是动态改变meta的内容的.(网上