1. 程式人生 > >手機訪問頁面時,撥打頁面中的電話號碼~

手機訪問頁面時,撥打頁面中的電話號碼~

來源網路下面的這篇文章主要是說,網頁中的連結如何寫,可以啟用電話的功能。例如,頁面中展示的是一個電話號碼,當用戶在手機瀏覽器裡面點選這個電話號碼的時候,手機會彈出撥號的面板,或者是簡訊程式會啟動等。
1. 打電話
在android的瀏覽器中,如果電話號碼是 XXX-XXX-XXXX的型式的話,使用者點選的時候,撥號面板會啟用,但是如果不是這一特定的格式,那麼撥號功能是不會啟動的。其實可以通過連結的方式啟用撥號面板。
(1) IPhone的寫法
[phone_number] 就是電話號碼了
  1. <a href="callto:[phone_number]">phone_number</a>
複製程式碼 例子:
  1. <a href="callto:12345678">12345678</a>
複製程式碼 (2) Android的寫法
[phone_number] 就是電話號碼了
  1. <a href="wtai://wp/mc;[phone_number]">phone_number</a>
複製程式碼 例子:
  1. <a href="wtai://wp/mc;12345678">12345678</a>
複製程式碼 在電話號碼前面可以加上 + (加號)表示國際號碼。如:
  1. <a href="wtai://wp/mc;+12345678">+12345678</a>
複製程式碼
2. 簡訊

如果是需要呼叫簡訊的介面,可以將連結寫成下面的格式:sms:<phone_number>[,<phone-number>]*[?body=<message_body>]
例如:
  1. <a href="sms:12345678">給12345678發簡訊</a>
複製程式碼
  1. <a href="sms:12345678?body=hello">給12345678傳送內容為"hello"的簡訊</a>
複製程式碼
  1. <a href="sms:12345678,98765432?body=hello">給12345678和98765432傳送內容為"hello"的簡訊</a>
複製程式碼
3. Android Market

如果希望一個連結能夠啟用Android市場的功能,可以把連結寫成:
  1. <a href="market://search?q=[query]">Android Market link</a>
複製程式碼 其中<query>就是搜尋的內容,你應用的名稱例子:
  1. <a href="market://search?q=MyApp">MyApp</a>
複製程式碼
4. Ovi Store

這是諾基亞Nokia的一個應用市場。
  1. <a href="http://store.ovi.com/content/XXXXX">MyApp</a>
複製程式碼 XXXX就是你的應用的ID(application Id)。
5. Windows Marketplace
微軟的應用市場
  1. <a href="http://marketplace.windowsphone.com/details.aspx?appId=xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx">MyApp</a>
複製程式碼 其中 xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx 只的就是應用的ID
6. BlackBerry App World
黑莓的應用市場
  1. <a href="http://appworld.blackberry.com/webstore/content/XXXXX">MyApp</a>
複製程式碼 連結中的XXXX就是應用ID。下面這個是作者頁面的URL
  1. <a href="http://appworld.blackberry.com/webstore/vendor/XXXX">MyApp</a>
複製程式碼 其中的XXXX是指作者的ID
7. 地圖定位GPS
<a href="geopoint:[經度],[緯度]">我的位置</a>
例如:
  1. <a href="geopoint:100,23">我的位置</a>
複製程式碼
8. 聊天工具

(1) Yahoo Messager
<a href="ymsgr:[動作]?[使用者名稱]&m=[訊息]">Yahoo Messager</a>
[動作]有:addfriend, sendIM, call例子:
  1. <a href="ymsgr:[email protected]">給[email protected]發訊息</a>
複製程式碼 (2) Windows Messager (MSN)
    <a href="msnim:[動作]?contact=[使用者名稱]">Windows Messager</a>
        [動作]有:chat (聊天), add (新增成聯絡人), voice (語音), video (視訊)
例子:
  1. <a href="msnim:[email protected]">MSN</a>
複製程式碼 (3) Google Talk (GTalk)
   <a href="gtalk:[動作]?jid=[使用者名稱]&from_jid=[自己的使用者名稱]">GTalk</a>
   [動作]有:chat (聊天),call (語音)例子:
  1. <a href="gtalk:[email protected]&[email protected]">GTalk</a>
複製程式碼 (4) Skype
   <a href="skype:[使用者名稱]?[動作]">Skype</a>
   [動作]有:chat, add, userinfo, voicemain
例子:
  1. <a href="skype:mySkypeId?chat">Skype</a>
複製程式碼
9. Mail

郵件就和普通的html一樣使用mailto
  1. <a href="mailto:[email protected]"></a>
複製程式碼
  1. <a href="mailto:[email protected],[email protected]"></a>
複製程式碼
  1. <a href="mailto:[email protected]?subject=Testing"></a>
複製程式碼
  1. <a href="mailto:[email protected]?subject=Testing mailto&[email protected]"></a>
複製程式碼 現在一般用在連結上加入<a href="tel:1233434334">

相關推薦

手機訪問頁面撥打頁面電話號碼~

來源網路下面的這篇文章主要是說,網頁中的連結如何寫,可以啟用電話的功能。例如,頁面中展示的是一個電話號碼,當用戶在手機瀏覽器裡面點選這個電話號碼的時候,手機會彈出撥號的面板,或者是簡訊程式會啟動等。1. 打電話 在android的瀏覽器中,如果電話號碼是 XXX-XXX-X

frameset巢狀的子頁面js彈出新頁面頁面新增遮罩層效果

frameset巢狀的子頁面: 新增遮罩層: $(‘html’, window.parent.document).append(‘<div class=”mtDiv” style=”position: fixed;top: 0%;left: 0%;w

Asp.net MVC訪問母版頁巢狀的iframe頁面如果session或cookie過期登入驗證超時怎樣自動跳轉到登入頁

一般登入驗證的過濾器中,使用驗證過濾器的Redirect方法,將請求重定向到指定的URL。但是如果我們要訪問的頁面是一個巢狀在母版頁中的iframe頁面時,這種重定向只會對iframe頁面湊效,也就是會將iframe也重定向到登入頁,這樣就有違我們的目的了。所以我就嘗試了很多方法來實現讓整個頁面重定向到登入頁

<問題解決10>使用帶有框架的頁面跳轉到登錄頁面登錄頁面只顯示在子框架未能鋪滿整個瀏覽器--解決方案如下:

頁面 tro color 過期 描述 例如 ren 方案 col 問題描述:     使用帶有框架的頁面跳轉到登錄頁面時,登錄頁面只顯示在子框架中,未能鋪滿整個瀏覽器,例如:     當登錄信息過期時,點擊左邊的菜單欄會讓登錄頁面顯示在右邊的框架中,而不能鋪滿整個瀏覽器  

layuiradio的動態載入(進入修改頁面設定radio)

動態設定   radio  的值讓它處於選中狀態 效果圖 : 前端程式碼: <div class="layui-form-item"> <label class="layui-form-label">狀態</label>

程式啟動正常訪問頁面報 Initializing Spring FrameworkServlet 'dispatcherServlet'

查了一下網上的解決方法,建議是去掉斷點,我報這個錯的確因為是做了幾次除錯,並且打了斷點。但是刪除所有斷點,目前還沒解決問題。後來發現是沒有加          <dependency>   &nb

oauth X-Frame-Options 跳轉授權頁面302重定向禁用iframe

授權 ngx auth option rest pairs 測試 authorize iframe 因為oauth/authorize響應頭包含X-Frame-Options: DENY解決方案:openresty nginx 移除該屬性,經測試生效 more_clear

layer ui使用多層彈框各個頁面交互問題

layer ui最近在用layer ui的彈框做項目,使用的時候有時會用到2-3級的彈框,多級彈框會遇到每個彈框的數據之間的交互問題,例如: 圖中有兩個彈框父級彈框編輯用戶,子級彈框角色分配,我所選中的復選框,需要在父級彈框裏顯示出來那我父級頁面的彈框的代碼可以這樣寫$(‘.user-add‘).on(&qu

當前頁面返回前一個頁面執行前一個頁面的方法

for console tail article blog http rep ESS ole var pages = getCurrentPages(); // 當前頁面 var beforePage = pages[pages.length - 2]; // 前一個頁面

IONIC即將離開當前頁面強制給出提示

   即將離開當前頁面,當不符合要求時,強制給出提示                                

Vue項目打包後只能訪問首頁其他頁面路徑找不到

nbsp sets 參數 nod strong tput set uil env webpack.prod.conf.js 中output添加參數publicPath:‘./‘ 修改webpack.base.conf.js中: publicPath: process.e

完美解決vue專案中彈出框滑動內部頁面也跟著滑動問題

在main.js中設定全域性函式: //彈出框禁止滑動 Vue.prototype.noScroll = function () {   var mo = function (e) {&

微信小程式如何在返回前一個頁面執行前一個頁面的方法

var pages = getCurrentPages(); // 當前頁面 var beforePage = pages[pages.length - 2]; // 前一個頁面 // console.log("beforePage"); // console.log

在寫web工程提交頁面出現亂碼

Post時中文亂碼 在web.xml中加入: <filter> <filter-name>CharacterEncodingFilter</filter-name> <filter-class>org.springframewor

瀏覽器重新整理頁面/關閉頁面使用jquery+ajax儲存資料的方法

最近做個人專案的時候,有一個需求:使用者在頁面進行各種編輯操作,但是卻不必顯示的儲存修改,下次開啟頁面時依然可以看到修改後的內容。 看到這個需求第一反應就是,前端無感知,後端自動儲存修改。具體怎麼做呢?我的思路是: 1、在前端有修改時,寫一個jquery函式

上傳圖片頁面進行預覽

前端頁面: <div class="container"> <form class="form-horizontal" enctype="multipart/for

jsp頁面傳送請求到後臺當後臺返回到頁面css、js等都失效的問題

servlet重定向到jsp後,css樣式和圖片都沒了,原因是在servlet中轉發時css和圖片的路徑變成相對於這個servlet的相對路徑而非相對於web專案的路徑了。解決辦法:匯入css樣式和圖片時把css寫成動態絕對路徑,如用EL表示式表示:<link rel=

JSP表單提交給Servlet處理後轉到重定向的頁面佈局混亂

那是因為你的css樣式檔案路徑出錯了, 樣式檔案路徑用<link href="<%=path %>/source/bookshop.css" rel="stylesheet" type="text/css">   這樣無論如何都不會有問題 其中pat

window.location.reload() 重新整理頁面如何不彈出提示框

  1、試試 window.location.href=window.location.href 2、當前頁有被post資料的時候reload就會提示重新整理 可以嘗試重新定向頁面地址 3、reload時是會彈出重新整理的視窗的     改為window.location.

【iOS】使用URLNavigator進行頁面跳轉push頁面無效

最近在專案中使用URLNavigator遇到了點小坑,使用xcode預設配置新建project,照著demo敲了一通發現不起作用,最後發現原因是預設配置檔案Info.plist中,配置了Main storyboard file base name 即下圖所示 這個配置會影響到Ap