• 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 

     

  • 相关阅读:
    263邮箱配置告警发件配置
    交换机日期时间设置
    【Switch】- 配置日志文件输出syslog信息
    网络设备断电注意事项
    H3C交换机保存机制
    Docker学习笔记
    小型网络组网模型讲解
    Linux下管理员强行踢出用户的命令使用方法
    Linux SNMP 监控一些常用OID
    MySQL解决方案
  • 原文地址:https://www.cnblogs.com/maplejan/p/3538206.html
Copyright © 2020-2023  润新知