包四維
更新時間：2013/6/4 下午 08:33:54

我有一個CSS的問題想要請教，當我們使用智慧型手機或是平板操作網頁時(下面我會提到我的測試流程)，預設不是長按畫面上的某個部分，就會出現複製或是搜尋的選項視窗嗎，因為某些原因我要讓這樣的功能無效化，透過網路上不斷的測試跟搜尋，找到以下CSS語法，放在<head/>之前即可，相關註解我都寫得很清楚，下方連結圖片為HTC Sensation XL的圖片
http://www.littlebau.com/css.png

<style type="text/css">
*
{
-webkit-touch-callout: none; /*在iOS設備中可以透過此樣式屬性來禁止用戶長按鏈接時的彈出菜單*/
-webkit-user-drag: none; /*禁止webkit拖曳頁面上的圖片*/
-webkit-user-select: none; /*禁止webkit使用選取*/
-khtml-user-select: none; /*禁止khtml使用選取*/
-moz-user-select: none; /*禁止mos使用選取*/
-ms-user-select: none; /*禁止ms使用選取*/
-o-user-select: none; /*禁止opera使用選取*/
}
</style>

以下我的測試平台為：桌上型電腦的Chrome、手機上的Chrome、平板上的Chrome、手機跟平板上內建的原生瀏覽器(我還測試了不同的手機)

桌上型電腦的Chrome：蔽掉成功
手機上的Chrome：蔽掉成功
我的ASUS Transformer Prime TF201平板上的Chrome：蔽掉成功

手機跟平板上內建的原生瀏覽器：

我同事的HTC NEW ONE：遮蔽成功，Android 4.12，WebKit 534.30
我的ASUS Transformer Prime TF201平板：遮蔽成功，Android 4.11，WebKit看不出來
我女友的Samsong Galaxy Note2：遮蔽成功，Android 4.12，WebKit我還沒問
我媽的THL W8：遮蔽成功，Android 4.21，WebKit看不出來
我爸的ZTE V987：遮蔽成功，Android 4.12，WebKit看不出來

我的HTC Sensation XL：遮蔽失敗，Android 4.03，WebKit 534.30
我同事的HTC Sensation：遮蔽失敗，Android 4.03，WebKit 534.30
我同事的Sony Xperia S：遮蔽失敗，Android 4.04，WebKit看不出來

由於上述手機都是Android平台，內建預設瀏覽器也應該都是webkit內核，但我猜想可能是因為Android版本之間彼此的不同，而自然webkit內核的版本或許也不盡相同，又再加上我的網頁是放在Phonegap裡面，Phonegap又是用Webview的方式來觀看其內容，所以直覺反應一定跟內建瀏覽器之間脫離不了關係
最後也真的誠如我所料，經測試發現一個共同的適用規則，若是內建瀏覽器看得懂我這種CSS遮蔽語法，那麼在Phonegap裡面自然它也會看得懂，反之，若連內建瀏覽器都看不懂了，那Phonegap也就真的看不懂，而導致遮蔽失敗的狀況

請問以上有沒有什麼好辦法可以解決相同作業系統中，webkit內核對於CSS解讀能力的統一化或是替代方案呢，雖說這個問題會隨著科技的進步跟時代的演進，慢慢舊機型淘汰掉舊不是問題了...但還是想問一下

當然我還曾經使用過下述這種JS語法，但狀況是一樣的說，測試結論跟上面CSS的作法是一樣的
document.body.style.webkitTouchCallout = 'none';

包四維
更新時間：2013/6/7 下午 05:15:24

不好意思，請問有相關回覆了嗎
或是給我點意見也行

文淵閣工作室
更新時間：2013/6/13 上午 09:23:08

您好, 我們在粉絲團的訊息中有跟您回覆,
也希望有機會能與您合作.