2. 程式人生 > >移動端網頁站點呼叫撥打電話傳送簡訊等功能

移動端網頁站點呼叫撥打電話傳送簡訊等功能

阿新 • • 發佈：2019-01-31
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">

長按圖片識別圖中二維碼(或搜尋微信公眾號FrontEndStory)關注“前端那些事兒”，帶你瞭解最新的前端技術。


相關推薦

移動端網頁站點呼叫撥打電話傳送簡訊等功能

1. 打電話在android的瀏覽器中，如果電話號碼是 XXX-XXX-XXXX的型式的話，使用者點選的時候，撥號面板會啟用，但是如果不是這一特定的格式，那麼撥號功能是不會啟動的。其實可以通過連結的方式啟用撥號面板。(1) IPhone的寫法[phone_number] 就

Vue 移動端跳到手機撥打電話介面的幾種方法

我們做專案時，經常會用到撥打電話的功能，目前在做vue專案，它是如何實現的呢？根據別人的分享，具體實現方法如下幾種 實現效果圖： 方法一 <a :href="'tel:' + 110">聯絡商家</a> 方法二 <a @click="call

移動端網頁實現撥打電話功能的幾種方法

採用url連結的方式，實現在safari ios，android 瀏覽器，webos 瀏覽器，塞班瀏覽器，ie，operamini等主流瀏覽器，進行撥打電話功能。 1.最常用的方式： 複製程式碼程式碼如下: <a href="tel:+120">報警!

呼叫撥打電話介面、直接撥打電話、呼叫傳送簡訊的介面、呼叫系統瀏覽器

呼叫撥打電話介面 主要程式碼如下： //Intent.ACTION_DIAL= "android.intent.action.DIAL"; //不需要什麼許可權 Intent intent =

移動端網頁設計經驗與心得

分段 下一條 操作 適應 med 常用 格式 手機版 大於 智能手機發展確實很迅速，像今年，我的大部分工作就都在移動端網頁上。 再往前些年，看到的手機版/移動版網頁，限制於瀏覽器與手機性能，2g網絡速度等 網頁設計無非是藍、黑、白，界面單調，並且要盡可能的設計簡單。

手機瀏覽器都是按照什麽分辨率解析移動端網頁的

也有 證明 bsp 不同 respond title 瀏覽器 spa 文章 無論是公司項目還是合作項目有時候都需要一些移動端網頁開發的任務,比如掃描二維碼之後或者內嵌到客戶端裏面的頁面,等等. 本篇文章主要通過調研不同橫向分辨率的移動設備的網頁解析情況,來給出移動端網頁

HTML5和HLS協議兩種技術完美結合解決移動端網頁播放問題

html5 hls、網頁直播 什麽是HTML5 我們需要先了解一下HTML是什麽。HTML的英文全稱為Hyper Text Markup Language，即超文本標記語言。HTML5是HTML的一個新版本。HTML 不是一種編程語言，而是一種標記語言 (markup language)。HTML5

移動端網頁自定義滾動條

max view andro move .html class height transform inner <!DOCTYPE html> <html> <head> <meta charset="utf-8" />

Text Autosizer&&解決移動端網頁文本字體怪異增大問題

none 方案 高度 one auto 設置 text com 行內樣式 在做移動端頁面時，有時你設置了字體大小，有的部分即使設置了行內樣式也不生效，而有些顯示正常，這個特性就是Text Autosizer在搞鬼。 以下是解決方案： ①給元素設置 -webkit-tex

Java企業微信開發_09_身份驗證之移動端網頁授權(有完整項目源碼)

.com post請求 ati errcode http nbsp code repl button 註： 源碼已上傳github： https://github.com/shirayner/WeiXin_QiYe_Demo 一、本節要點 1.1 授權回調域（可信

PC端網頁和移動端網頁，自己做的總結

lbs 流式布局 移動端開發 動畫 配置 流量 幀率 資源 str 1.PC考慮的是瀏覽器的兼容性，而移動端開發考慮的更多的是手機兼容性，因為目前不管是android手機還是ios手機，一般瀏覽器使用的都是webkit內核，所以說做移動端開發，更多考慮的應該是手機分辨率的適

移動端網頁錄音上傳，服務端智慧語音識別

移動端網頁錄音上傳，服務端智慧語音識別 最近，看了創業時代的魔鏡，想法突如起來，能不能手機發送一條語音，語音上傳到後臺，自動識別語音的資訊，轉化為文字，將文字分析，然後回覆使用者豔學網的資源。 我們的資源以原始碼為主，一起編集豔學情緣。我們不僅分享原始碼 http://47.98.2

移動端網頁修改滾動條樣式使滾動條預設顯示

將此段程式碼放入style標籤中 ::-webkit-scrollbar { width: 8px; height: 8px; } ::-webkit-scrollbar-button { background-col

移動端網頁布局中需要註意事項以及解決方法總結

lse capi 內置 orm style pac 語法 :active masonry 移動端網頁布局中需要註意事項以及解決方法總結，這份對我們在布局移動端網頁的時候非常有用！ winphone系統a、input標簽被點擊時產生的半透明灰色背景怎麽去掉 <

速度是移動端網頁的關鍵

alt 應用 details 發生 android research 忘記 不足 交易 Nick Babich – 早在2016年的時候，移動端流量就已經超越桌面端成為目前主流。根據Google UK 的研究，如今65%的英國成年人都以智能手機作為他們的主要上網設

移動端網頁佈局中需要注意事項以及解決方法總結

  移動端網頁佈局中需要注意事項以及解決方法總結，這份對我們在佈局移動端網頁的時候非常有用！ winphone系統a、input標籤被點選時產生的半透明灰色背景怎麼去掉 <meta name="msapplication-tap-highlight"&nbs

移動端網頁輕量級日期控制元件LCalenda

移動端網頁輕量級日期控制元件LCalenda 為了避免某天被掛掉這裡我也上傳了檔案，下載地址 （所用專案：9dian9/aicc-dianxin） 這裡僅記錄一下在vue-cli裡的使用： <!--from applyList.vue--> <template>

移動端網頁開發經驗與心得-解析度、內容與快取

智慧手機發展確實很迅速，像今年，我的大部分工作就都在移動端網頁上。 再往前些年，看到的手機版/移動版網頁，限制於瀏覽器與手機效能，2g網路速度等 網頁設計無非是藍、黑、白，介面單調，並且要儘可能的設計簡單。 現在情況就大不相同了，軟體上webkit核心瀏覽器大行其道，硬體突飛猛進，網速

移動端網頁：給body設定 overflow：hidden 無效的解決辦法

做移動端網頁的時候，總會遇到一些奇葩的問題，在PC端瀏覽器做模擬除錯時，都是完美顯示的，但是一到真機除錯就是各種坑； 我在做移動端網頁時的需求是這樣的： 頁面背景圖片是自適應螢幕大小的，頁面上有輸入框和按鈕，當點選輸入框時，移動端的軟鍵盤彈出，但是背景圖片不能受影響而被壓縮，且頁面不能應為軟

iOS呼叫撥打電話

撥打完電話回不到原來的應用，會停留在通訊錄裡，而且是直接撥打，不彈出提示 [[UIApplication sharedApplication] openURL:[NSURL URLWithString:@"tel://1888888888"]]; 打完電話後還會回到原來的程式，也