HTML5移动Web开发（十）——在浏览器中启动手机原生应用

时间：2022-09-23 10:19:12

用户可以在浏览器中启动移动设备的原生应用程序，比如地图、电话、短信等，具体能够启动哪些应用程序，这取决于该移动设备上哪些原生应用是否允许从浏览器启动。

新建ch02r05.html

<!doctype html>

<html>

  <head>

  <meta charset="utf-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  </head>

  <body>

    <header>

      HTML5 Logo

    </header>

    <div>

      <h1>Lorem ipsum</h1>

      <a href="http://maps.google.com/maps?q=cupertino">Directions</a>

    </div>

    <footer>

    </footer>

  </body>

</html>

在Plam OS的浏览器中访问该页面，并点击"Directions"链接，该动作会启动你手机上原生的Google Map应用。

HTML5移动Web开发（十）——在浏览器中启动手机原生应用不像有些URL Scheme(统一资源定位符(URL)的命名结构，通过定义自己的URL Scheme或者移动原生的URL Scheme，开发人员可以找到本机文件、应用程序等资源。)，map的URLS并不是以"maps"前缀来作为map标签的标识，map的链接和普通的HTTP链接一样，但是该链接想要连接的服务器是Google Maps的服务器，移动设备浏览器可以识别该请求是一个服务器的请求，然后启动移动设备上原生的Google Maps服务，并把相应的参数传递给该应用程序。该动作会启动你手机上原生的Google Map应用。

除了启动移动设备上的原生应用，你还可以坐更多的事情，比方说下面的这个HTTP链接将会启动用户设备上的Google Maps服务，并且告诉用户从San Francisco到Cupertino的行车路线：<a href="http://maps.google.com/maps?daddr=San+Francisco,+CA&saddr=cupertino">Directions</a>
如果浏览器不能启动移动设备的原生应用会发生什么事呢？没有关系，如果不能启动设备的原生应用程序，浏览器将像普通链接一样在浏览器中打开页面。

HTML5移动Web开发（十）——在浏览器中启动手机原生应用

移动版Safari的URL Scheme
http://developer.apple.com/library/safari/#featuredarticles/iPhoneURLScheme_Re

fernce/Introduction/Introduction.html

黑莓支持的URL Scheme
http://docs.blackberry.com/en/developers/deliverables/18169/

HTML5移动Web开发（十）——在浏览器中启动手机原生应用的更多相关文章

  1. HTML5移动Web开发实战 PDF扫描版&ZeroWidthSpace;

    <HTML5移动Web开发实战>提供了应对这一挑战的解决方案.通过阅读本书,你将了解如何有效地利用最新的HTML5的那些针对移动网站的功能,横跨多个移动平台.全书共分10章,从移动Web. ...

  2. html5移动web开发实战必读书记

    原文  http://itindex.net/detail/50689-html5-移动-web 主题 HTML5 一.配置移动开发环境 1.各种仿真器.模拟器的下载安装 http://www.mob ...

  3. HTML5移动Web开发（三）——在移动网站中使用HTML5

    创建一个简单得HTML5页面ch01e2.html <html> <head> <meta name="viewport" content=&quot ...

  4. 浅淡HTML5移动Web开发

    说实话,我们这次开发移动端的项目,整个项目组的人都是第一次,最初立项的时候为是选择native app和web app还争论了一番,最后综合考虑,我们选择了web(我们选择了h5)开发.但从这两种开发 ...

  5. HTML5移动Web开发（八）——避免文本字体大小重置

    适用设备:iOS.Windows Mobile在一些移动设备上,比方说iPhone,Windows Mobile,当用户把手机切换到横屏时,浏览器会自动地重置文本字体大小.这可能会对我们造成困扰,因为 ...

  6. HTML5移动Web开发指南-学习笔记（一）

    一,浏览器引擎    浏览器的内核引擎,基本上是四分天下: Trident: IE 以Trident 作为内核引擎; Gecko: Firefox 是基于 Gecko 开发; WebKit: Safa ...

  7. HTML5移动Web开发

    1. 响应式web设计 说到这个,移动开发面对的屏幕尺寸那叫一个丰富,其中安卓阵营就够让人头痛的.我们在PC端常用的两种布局方式就是固定布局和弹性布局,前者设置一个绝大多数电脑能正常显示的固定宽度居中 ...

  8. Web开发&period;net framework 类库中必须掌握的命名空间&lpar;或者类&rpar;【转】

    Web开发常用命名空间和类. System.Collections //命名空间包含接口和类,这些接口和类定义各种对象(如列表.队列.位数组.哈希表和字典)的集合.System.Collections ...

  9. Web开发须知的浏览器内幕 缓存与存储篇（1）

    本文禁止转载,由UC浏览器内部出品. 0.前言 大纲 浏览器缓存和存储相关的功能分为四类: 加载流程 Memory Cache Application Cache(简称AppCache) HTTP C ...

随机推荐

  1. AngulerJS小知识点二

    AngularJS与其他JavaScript框架最主要的区别在于,控制器并不合适用来执行DOM操作.格式化或数据操作,以及除存储数据模型以外的状态维护操作.他只是视图和$scope之间的桥梁. 过滤器 ...

  2. failed to push some refs to &&num;39&semi;git&commat;github&period;com&colon;&ast;&ast;&ast;&period;git&&num;39&semi; hint&colon; Updates were rejected b

    使用git push origin master的时候出现一下错误: 解决办法: git push -f origin master 如下:

  3. 搭建企业内部yum仓库&lpar;centos6&plus;centos7&plus;epel源&rpar;

    搭建自己的yum仓库,将自己制作好的rpm包,添加到自己的yum源中. yum仓库服务端配置如下 : 1. 创建yum仓库目录 mkdir -p /data/yum_data/cd /data/yum ...

  4. 【转】关于&period;net framework4&period;0以及4&period;5安装失败，&OpenCurlyDoubleQuote;安装时发生严重错误”……

    也不知道管不管用,先记着 今天忽然想装一个vs2010,然后装了好几遍,每次都在安装.net4.0的时候失败.好吧,我自己手动装行么.于是手动去装.net 4.0. 结果在还是返回"安装时发 ...

  5. jquery easy ui 1&period;3&period;4 Tree树形菜单（9）

    9.1.创建树形菜单 <ul id="tt" class="easyui-tree"> <li><span>第一级</ ...

  6. poj 1236 scc强连通分量

    分析部分摘自:http://www.cnblogs.com/kuangbin/archive/2011/08/07/2130277.html 强连通分量缩点求入度为0的个数和出度为0的分量个数 题目大 ...

  7. MT9M021&sol;MT9M031总结

    MT9M021/MT9m031在低光照度下和捕捉移动场景有非常优异的表现,属于近红外摄像头, S1: Aptina's MT9M021/MT9M031 sensor is capable of a m ...

  8. Hibernate配置文件详解

    Hibernate配置方式 Hibernate给人的感受是灵活的,要达到同一个目的,我们可以使用几种不同的办法.就拿Hibernate配置来说,常用的有如下三种方式,任选其一. 在 hibernate ...

  9. startkde出现&dollar;DISPLAY is not set or cannot connect to the X server

    #startkde $DISPLAY is not set or cannot connect to the X server 解决: xinit /usr/bin/startkde --displa ...

  10. 学习java应该了解一些html超文本标记语言（前端）

    在自己学习的过程中遇到一些内容,怕忘记所以借助博客加深印象也方便查找! html超文本标记语言中,分行级元素和块级元素. 行级元素的含义:行级元素不独占一行,相邻的行级元素在一行排列:行级元素可以控制 ...

相关文章