UC手機瀏覽器（U3內核）相關文檔整理

Note：絕大多數API在IOS版下不支持，使用前請自行測試。

UC官方的開發者中心：http://www.uc.cn/business/developer.shtml

 

 

U3內核定製<meta>標籤說明

1. 屏幕方向(screen-orientation)

參數：

• landscape：強制橫屏
• portrait：強制豎屏

用法：

1 <!--  強制橫屏  -->
2 <meta name="screen-orientation" content="landscape">

版本支持：8.6+

 

2. 全屏控制(full-screen) 

參數：

• yes：強制全屏

用法：

1 <!--  強制全屏  -->
2 <meta name="full-screen" content="yes">

提示：用此方法觸發的全屏模式，和用戶手動在設置項選擇的全屏模式是不一樣的。

版本支持：8.6+

 

3. 瀏覽模式(browsermode) 

描述：應用模式是爲方便web應用及遊戲開發者設置的綜合開關，經過meta標籤進行指示打開，當進入應用模式時，瀏覽器將自動調整如下參數：

• (參數: 狀態)
• 全屏: 生效，可經過meta或js api調用退出全屏
• 長按菜單: 失效，可經過js api調用從新生效
• 瀏覽器默認手勢: 失效，可經過js api調用從新生效
• 排版模式: 標準模式，可經過meta或js api調用設置其餘排版模式
• 強制圖片顯示: 生效
• 夜間模式: 失效，可經過meta或js api調用啓用夜間模式

參數：

• application：應用模式

用法：

1 <!--  應用模式  -->
2 <meta name="browsermode" content="application"/>

版本支持：8.6+

 

4. UC適應屏幕的排版方式(viewport) 

描述：開啓後，當進行縮放操做時，僅放大圖片和文字等頁面元素，但不放大屏幕寬度，從而避免了左右滾動條的產生。

參數：

• uc-fitscreen=no：不開啓【默認】
• uc-fitscreen=yes：開啓

用法：

1 <!--  開啓UC適應屏幕的排版方式  -->
2 <meta name="viewport" content="uc-fitscreen=yes"/>

版本支持：8.5 patch +

 

5. UC適應屏幕的排版方式(layoutmode) 

參數：

• fitscreen：適應屏幕
• standard：標準模式

用法：

1 <!--  適應屏幕  -->
2 <meta name="layoutmode" content="fitscreen" />

等同於

1 <meta name="viewport" content="uc-fitscreen=yes, initial-scale=1.0" />

提示：更推薦用layoutmode，避免和原生支持的viewport發生未知衝突。

版本支持：8.5 patch +

 

 6. 禁用夜間模式(nightmode) 

參數：

• disable：禁止頁面使用uc瀏覽器自定義的夜間模式，進入夜間模式時的表現同日間模式
• enable：容許頁面使用uc瀏覽器自定義的夜間模式，用於取消disable時的效果

用法：

1 <!--  禁用夜間模式  -->
2 <meta name="nightmode" content="disable"/>

版本支持：8.5 patch +

 

7. 強制圖片顯示(imagemode) 

描述：當用戶使用無圖模式時，能夠經過此方法來強制顯示圖片。

參數：

• force：強制圖片顯示

用法：

1 <!--  Meta標籤(全部圖片)  -->
2 <meta name="imagemode" content="force"/>
3 
4 <!--  Img標籤(單張圖片)  -->
5 <img src="..." show="force">

版本支持：8.5 patch +

 

8. 發送到桌面

描述：在用戶觸發「發至桌面」的菜單操做後，即觸發聯網獲取size最大的圖片。在未獲取到圖片前，能夠先顯示默認圖片；獲取完成後再將獲取到的圖片更新到桌面。若是獲取不到或者沒有此特殊標籤，仍然使用默認的桌面書籤圖標。

用法：

1 <link rel="apple-touch-icon-precomposed" sizes="57x57" href="images/icon.png" />
2 <link rel="apple-touch-icon" sizes="72x72" href="images/icon.png" />

 

 

U3內核JavaScript專用API

（經測試，官方文檔給出的API不少也不能使用，下面只列出測試能用的）

1. 關閉默認手勢

用法：

1 navigator.control.gesture(false);

我的推薦寫法：

1 try {
2     navigator.control.gesture(false);
3 } catch (e) {
4     // ...
5 }

 

2. 關閉長按彈出菜單

用法：

1 navigator.control.longpressMenu(false);

我的推薦寫法：

1 try {
2     navigator.control.longpressMenu(false);
3 } catch (e) {
4     // ...
5 }

 

 

服務器端相關API

1. XUCBrowserUserAgent

描述：HTTP Header 中 X-UCBrowser-UA 的對象模型，用於封裝相關的數據段，並提供簡單易用的方法讀取字段內容。 

經過這個API，能夠獲取到更加詳細的設備信息，如：網絡狀況、系統環境、UC瀏覽器版本等...

各項參數的含義，請查看該pdf：http://www.uc.cn/download/UCBrowser_User_Agent.pdf

php的用法：

1 <?php
2 echo $_SERVER['HTTP_X_UCBROWSER_UA'];

 

 

 

本文地址：http://www.cnblogs.com/maplejan/p/3538206.html