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

在做一个微信的微网站中的一个便民服务电话功能的应用,用到移动web页面中列出的电话号码,点击需要实现调用通讯录,网页一键拨号的拨打电话功能。 如果需要在移动浏览器中实现拨打电话,发送email,美国服务器,调用sns等功能,移动手机WEB页面(HTML5)Javascript提供的接口是一个好办法。 采用url链接的方式,实现在Safari ios,香港服务器,Android 浏览器,webos 浏览器,塞班浏览器,IE,Operamini等主流浏览器,进行拨打电话功能。 1.最常用WEB页面JS实现一键拨号的电话拨打功能: 移动WEB页面JS一键拨打号码咨询功能 在拨号界面,显示号码,并提示拨打。 支持大部分的浏览器,但是在QQ浏览器上支持不好。 微信现在出现屏蔽常规拨号功能,具体解决办法见《微信开发实现一键拨号出现屏蔽问题的解决方案》 2.最常用WEB页面JS实现一键发送短信功能: 移动WEB页面JS一键发送短信咨询功能 在信息录入界面,显示发送号码,并提示录入信息。 支持大部分的浏览器,但是在QQ浏览器上支持不好。 3、移动web页面自动探测电话号码 如果要支持safari for ios ,blackberry browser的号码,需要加上一下标签: 4.使用wtai协议进行拨打电话。 在wml中可以调用设备的wtai函数来呼叫特定的电话号码。目前,越来越多的浏览器都支持这个功能,但还不是所有。 代码如下所示: 实例: 拨打10086 将10086存储至电话簿 建议采用这个方式。 5、不太灵验的方式: 移动WEB页面JS一键拨打号码咨询功能 经过测试,大部分浏览器都不支持了。 补充—————————– 这段时间很多人看了我的帖子《微信开发之移动手机WEB页面(HTML5)Javascript实现一键拨号及短信发送功能 》询问我在微信中出现无法拨号的情况,原先我操作的时候,的确是OK的,现在微信版本升级了,我试了一下,果然拨号不行了,在首页的web页面中是没有问题的,但是在微信中就是拨打不了,找了很多,后来发现是微信做了屏蔽,解决方法如下: 1、拨号的代码还是不变,和我原先的文章一样, 2、打开拨号页面要做下处理,在网址后面增加一个锚节点mp.weixin.qq.com。 实例如下: 如:http://www.xxxxxx/xxxx.html 上需要拨号代码,操作如下 1、 继续写拨号代码 移动WEB页面JS一键拨打号码咨询功能 2、打开这个网址链接的时候,就用这个链接http://www.xxxxxx/xxxx.html #mp.weixin.qq.com(多添加一个mp.weixin.qq.com) 这样,微信里面的一键拨号功能就OK了

2014年8月6日 · 1 分钟 · 天边的星星

Maven安装第三方jar或者so文件

C:\Users\Administrator>mvn install:install-file -DgroupId=com.bspatch -Dartifact Id=libbspatch -Dversion=v3 -Dfile=D:/armeabi/libbspatch.so -Dpackaging=so -Dgene ratePom=true -Dclassifier=armeabi [INFO] Scanning for projects… [INFO] [INFO] ———————————————————————— [INFO] Building Maven Stub Project (No POM) 1 [INFO] ———————————————————————— [INFO] [INFO] — maven-install-plugin:2.3.1:install-file (default-cli) @ standalone-po m — [INFO] Installing D:\armeabi\libbspatch.so to D:\apache-maven-3.0.5\repositories .m\com\bspatch\libbspatch\v3\libbspatch-v3-armeabi.so [INFO] Installing C:\Users\ADMINI~1\AppData\Local\Temp\mvninstall839685187217991 3371.pom to D:\apache-maven-3.0.5\repositories.m\com\bspatch\libbspatch\v3\libb spatch-v3.pom [INFO] ———————————————————————— [INFO] BUILD SUCCESS [INFO] ———————————————————————— [INFO] Total time: 1.349s [INFO] Finished at: Thu Jun 05 14:06:58 CST 2014 [INFO] Final Memory: 2M/15M [INFO] ———————————————————————— ...

2014年6月11日 · 2 分钟 · 天边的星星

10款高效简化移动开发过程的工具

移动应用开发工具的更新换代,让开发者可以直接通过浏览器就能创建移动主题和应用,快速而又简单。而这些工具的主要特色就是,无需编写大量代码或是无需编码,它们除了让经验丰富地开发人员更快速地构造原型外,也降低了新手进入移动应用开发的壁垒。在这里,本文介绍一些能够有效简化移动开发过程的10款工具。 1. Appium Appium是一个开源、跨平台的自动化测试工具,用于测试原生、混合以及移动Web应用,支持iOS、Android和FirefoxOS平台。Appium通过使用WebDriver JSON协议,驱动iOS的UIAutomation库以及Android的UIAutomator框架 。 相关链接:Appium的GitHub托管地址、mobilehub主页 2. Mobiscroll Mobiscroll是一个用于触摸设备的日期和时间选择器,它的使用不会改变HTML5、PhoneGap以及混合应用的原生用户体验。作为一款jQuery日期插件,用户可以自定义主题样式,为自己的移动项目UI组件添色。Mobiscroll支持所有主流平台:iOS、Android、BlackBerry, Windows Phone 8以及Amazon Kindle。 ** ** 相关链接:Mobiscroll的GitHub托管地址、mobilehub主页 3. Hammer.js Hammer.js是一个多点触摸手势库,能够为网页加入Tap、Double Tap、Swipe、Hold、Pinch、Drag等多点触摸事件,免去监听底层touchstart、touchmove、touchend事件并且要写一大堆判断逻辑的痛苦。 ** ** 相关链接:Hammer.js的GitHub托管地址、mobilehub主页 4. Countly Countly是一款世界领先、实时、开源的移动分析平台,它通过收集来自手机的数据,并将这些数据通过可视化效果展示出来,分析移动应用的使用和最终用户的行为,用来有效地帮助提高所开发的产品质量。目前,Countly支持iOS以及Android平台。 ** ** 相关链接:Countly的GitHub托管地址、mobilehub主页 5. iWebinspector iWebInspector是一款免费的工具,用来调试、配置和检查iOS模拟器(iPhone或iPad)上运行的Web应用。可以检查资源,查看和修改HTML以及CSS,还可以对JavaScript代码使用断点,创建图表等,就像在桌面上使用Safari、Chrome或Firebug一样简单。 ** ** 相关链接:iWebinspector的mobilehub主页 6. Adaptive Images Adaptive Images检测访问者的屏幕尺寸,自动创建、缓存并能够重新缩放HTML内嵌图像使其能够变为最适合设备的尺寸大小。Adaptive Images结合流体图像技术,适用于响应设计。 ** ** 相关链接:Adaptive Images的GitHub托管地址、mobilehub主页 7. Mobjectify Mobjectify是简化的移动开发,无论你是想要建立简单的实体模型在不同设备上进行测试还是构建工作应用,Mobjectify为你提供工具,加快你的工作流程。它使用绑定的小工具以及jQuery Mobile,在短短几分钟内就可生成一个原型设计,而不是纸上的布局或者线框图。 ** ** 相关链接:Mobjectify的mobilehub主页 8. Ratchet Ratchet是一款免费的开源工具,主要功能是,使用简单的HTML、CSS和JS组件就能构建出移动应用程序原型。Ratchet使用简单的原因之一就是,它支持很多控件,其中包括:Bars、Lists、Buttons、Forms、Segmented controllers、Sliders、Push events等。 ** ** 相关链接:Ratchet的GitHub托管地址、mobilehub主页 9. Vinisketch 通过Vinisketch,可以使用HTML5、CSS以及JavaScript来开发出能在移动平台上原生运行的应用,并且其提供云服务或作为一个独立的应用程序。 ** ** Vinisketch特性: 可视化编辑器:使用可视化编辑器,只需拖放或自定义小部件,就可轻松设计应用程序。 多引擎:使用多引擎,可以为每一个目标设备管理自己的应用程序。 相关链接:Vinisketch的mobilehub主页 10. mAdserve mAdserve是一个采用PHP+MySQL开发,用于轻松管理和跟踪移动广告的开源移动广告服务器,支持iOS、Android、Windows Phone平台。 ** ** 相关链接:mAdserve的mobilehub主页 转载地址:http://www.csdn.net/article/2014-04-17/2819378-10-mobile-application-development-tools

2014年4月24日 · 1 分钟 · 天边的星星

Comet:基于 HTTP 长连接的“服务器推”技术

“服务器推”技术的应用 传统模式的 Web 系统以客户端发出请求、服务器端响应的方式工作。这种方式并不能满足很多现实应用的需求,譬如: 监控系统:后台硬件热插拔、LED、温度、电压发生变化; 即时通信系统:其它用户登录、发送信息; 即时报价系统:后台数据库内容发生变化; 这些应用都需要服务器能实时地将更新的信息传送到客户端,而无须客户端发出请求。“服务器推”技术在现实应用中有一些解决方案,本文将这些解决方案分为两类:一类需要在浏览器端安装插件,基于套接口传送信息,或是使用 RMI、CORBA 进行远程调用;而另一类则无须浏览器安装任何插件、基于 HTTP 长连接。 将“服务器推”应用在 Web 程序中,首先考虑的是如何在功能有限的浏览器端接收、处理信息: 客户端如何接收、处理信息,是否需要使用套接口或是使用远程调用。客户端呈现给用户的是 HTML 页面还是 Java applet 或 Flash 窗口。如果使用套接口和远程调用,怎么和 JavaScript 结合修改 HTML 的显示。 客户与服务器端通信的信息格式,采取怎样的出错处理机制。 客户端是否需要支持不同类型的浏览器如 IE、Firefox,是否需要同时支持 Windows 和 Linux 平台。 回页首 基于客户端套接口的“服务器推”技术 Flash XMLSocket 如果 Web 应用的用户接受应用只有在安装了 Flash 播放器才能正常运行, 那么使用 Flash 的 XMLSocket 也是一个可行的方案。 这种方案实现的基础是: Flash 提供了 XMLSocket 类。 JavaScript 和 Flash 的紧密结合:在 JavaScript 可以直接调用 Flash 程序提供的接口。 具体实现方法:在 HTML 页面中内嵌入一个使用了 XMLSocket 类的 Flash 程序。JavaScript 通过调用此 Flash 程序提供的套接口接口与服务器端的套接口进行通信。JavaScript 在收到服务器端以 XML 格式传送的信息后可以很容易地控制 HTML 页面的内容显示。 ...

2014年4月17日 · 4 分钟 · 天边的星星

Jolt Awards 2014: Mobile and Coding Tools

Dr. Dobbs has awarded the Jolt Award for Mobile and Coding Tools for 2014. Dr. Dobb’s Journal has recently announced the winners of the Jolt Awards for Mobile Development Tools. This award is meant to recognize the best tools for creating mobile applications. This year’s award recognizes the improvements made by cross-platform mobile development tools, noting that if “they continue to close the gap with native applications, they might well become the tool of choice for all development, save the most demanding.” ...

2014年4月11日 · 4 分钟 · 天边的星星