筆記:防止 Safari 瀏覽器中的數字被識別為電話號碼
在Safari瀏覽器中,有一個預設開啟的功能, 會把網頁中的數字自動識別為電話號碼, 並且改變文字的顏色和樣式(藍色),這種情況下如果我們需要相應位置背景色也為藍色或其他,就有點尷尬,而 這個預設樣式貌似也改不了。
解決方法:
在<head></head>
中加入
<meta name="format-detection" content="telephone=no" />
如果只是想要改變預設樣式而保留在移動端H5頁面中點選數字調起撥打電話功能,可以給電話號碼加上<a href="tel:電話號碼"></a>
,樣式自定義即可,
如(iOS Safari中):
<a href="tel:+65 63277188" class="phone-number">+65 6327 7188</a>
相關推薦
筆記:防止 Safari 瀏覽器中的數字被識別為電話號碼
在Safari瀏覽器中,有一個預設開啟的功能, 會把網頁中的數字自動識別為電話號碼, 並且改變文字的顏色和樣式(藍色),這種情況下如果我們需要相應位置背景色也為藍色或其他,就有點尷尬,而 這個預設樣式貌似也改不了。 解決方法: 在<head>&l
微信內建瀏覽器中如何實現點選電話號碼自動到撥號頁面?
一般的web處理 1.一鍵撥號: <a href="tel:10086">馬上撥打電話10086</a> 2.傳送簡訊功能: <a href="sms:10086">傳送簡訊</a> <a href="sms:1
手機中的頁面數字不顯示為電話號碼 和 點選按鈕不出現陰影和蘋果中限制縮放
<meta name="format-detection" content="telephone=no"> <style type="text/css">*{ -webkit-tap-highlight-color: rgba(0,0
專案經驗:js 結合正則表示式判斷是否為電話號碼或者手機號碼
function Phone(obj){ var regBox = { regEmail : /^([a-z0 -9_\. -]+)@([\da -z\. -]+)\.([a -z\.]{2,6})$/, //郵箱
Web丨IOS系統下Safari瀏覽器中div點選事件無效的解決辦法:
1、把 div 改換為 a、button 等具有可點選性的標籤元素,新增 curson:pointer 滑鼠樣式 2、把點選事件直接繫結到需要點選的標籤上,而不是其祖先級,儘量不要用事件委託 曾在兩個專案中適配 IOS 手機端 Safari 瀏覽器時遇
回歸測試筆記:回歸測試中只包含功能測試
功能 質量需求 ext mar 包含 開發 spa -i 測試的 一、定義:測試人員只執行了變更引起的相關功能的回歸測試 二、發生時間段Always 三、陷阱表現1.只測試了系統或軟件功能2.回歸測試未包含系統質量測試3.未對架構、設計和實現約束的回歸測試 四、負面後果1
php學習筆記:第三節--php中的字串
PHP 中的字串 字串變數用於包含字串的值。 在本教程中,我們打算介紹幾個在 PHP 中用於操作字串的最常用的函式和運算子。 在建立字串之後,我們就可以對它進行操作了。您可以直接在函式中使用字串,或者把它儲存在變數中。 在下面,PHP 指令碼把字串 "Hello Worl
SpringBoot2.0學習筆記:(十) Spring Boot中整合Redis
一、關於Lettuce 關於在SpringBoot2.0.x版本中整合Redis,我們先看一下官方的遷移文件有什麼說的: Spring Boot2.0遷移指南 當你使用spring-boot-starter-redis的時候,Lettuce現已取代Jedis作為Redis驅動
資料結構 筆記:二叉樹中屬性操作的實現
二叉樹的屬性操作 count() = 10; height() = 4; degree() = 2; 二叉樹結點的數目 -定義功能:count(node) ·在node為根結點的二叉樹中統計結點數目 int count(BTreeNode<T>* nod
資料結構 筆記:二叉樹中的結點刪除與清除
刪除的方式 -基於資料元素值的刪除 ·SharedPointer<Tree<T>>remove(const T& value) -基於結點的刪除 ·SharedPointer<Tree <T>>remove(TreeNode&l
資料結構 筆記:二叉樹中的結點插入操作
是否能夠在二叉樹的而已結點出插入子結點? -不能,二叉樹結點的每個結點的子結點是固定的,只存在左孩子和右孩子. 是否需要指定新資料元素(新結點)的插入位置? -需要指定為左孩子或者右孩子 enum BTNodePos { ANY, LEFT, RIGHT };
資料結構 筆記:二叉樹中的結點查詢操作
查詢的方式 -基於資料元素值的查詢 ·BTreeNode<T>* find(const T& value) const -基於結點的查詢 ·BTreeNode<T>* find(TreeNode<T>* node) const 基於資料
SpringBoot2.0學習筆記:(九) Spring Boot中整合Mybatis與Druid
一、專案的搭建 Druid對Spring boot做了很好的適配,所有的工作都只需要在配置檔案中完成。 具體的Druid在Spring Boot中的配置可以看:GitHub文件 首先看一下專案引入的jar包: <dependencies> &
cocos creator JavaScript微信小遊戲開發問題筆記:遊戲在瀏覽器和微信開發工具的模擬器上執行都沒有問題,但手機上執行卻會都別卡。
最近專案組在開發一款執行在微信小遊戲環境的鬥地主遊戲,專案的第一個版本收尾階段突然出現了一個奇怪的bug,因為之前開發階段的測試都是在瀏覽器以及微信開發工具上的模擬器進行的測試,所以直到臨近專案上線才發現這個問題,具體表現如下:遊戲執行在手機上會特別卡,並且卡一段時間、或者卡
筆記:在C#程式中呼叫C++編寫的類
假設C++中有一個類c定義如下:class c { private: int count; public: void add(int n); int get(); }; 其中add函式定義如下:void C:: add(int n){ count +
筆記:elasticsearch在專案中的使用需求
(摘抄自公司大牛的筆記,自己總結一下) 類比mysql,我們需要=、>、>=、<、<= 、or、and、in、like、count、sum、group by、order by、limit 在高版本的ES裡面使用了boolquery替換
Python機器學習筆記:深入理解Keras中序貫模型和函式模型
先從sklearn說起吧,如果學習了sklearn的話,那麼學習Keras相對來說比較容易。為什麼這樣說呢? 我們首先比較一下sklearn的機器學習大致使用流程和Keras的大致使用流程: sklearn的機器學習使用流程: 1 2 3 4
Cordova - IOS瀏覽器裡面數字被當做電話號碼
網頁上有連續超過5個數字,ios瀏覽器就會當做手機號碼,如果某行文字有顏色,那麼這個連續的數字就沒顏色,變黑色了。 解決方法:在html頁面頭部加入下面程式碼 <meta name="format-detection" content="telephone=no"> <meta h
java筆記:Java字串陣列中判斷是否存在某元素的方法
/** * JAVA判斷字串陣列中是否包含某字串元素 * * @param substring 某字串 * @param source 源字串陣列 * @return 包含則返回true,否則
Unity3d筆記:爐石傳說中的功能實現解析
播放片頭動畫:在void OnGUI()中用GUI.DrawTexture()方法顯示視訊,用GUI.Label()顯示提示;Start()中使用MovieTexture().Play()方法播放視訊。此介面互動分兩種情況:點選一次彈出提示,再點選一次退出視訊;動畫自動播