UC手机浏览器(U3内核)相关文档整理
Note:绝大多数API在IOS版下不支持,使用前请自行测试。
UC官方的开发者中心:http://www.uc.cn/business/developer.shtml
U3内核定制<meta>标签说明
1. 屏幕方向(screen-orientation)
参数:
- landscape:强制横屏
- portrait:强制竖屏
用法:
<!-- 强制横屏 -->
<meta name="screen-orientation" content="landscape">
版本支持:8.6+
2. 全屏控制(full-screen)
参数:
- yes:强制全屏
用法:
<!-- 强制全屏 -->
<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:应用模式
用法:
<!-- 应用模式 -->
<meta name="browsermode" content="application"/>
版本支持:8.6+
4. UC适应屏幕的排版方式(viewport)
描述:开启后,当进行缩放操作时,仅放大图片和文字等页面元素,但不放大屏幕宽度,从而避免了左右滚动条的产生。
参数:
- uc-fitscreen=no:不开启【默认】
- uc-fitscreen=yes:开启
用法:
<!-- 开启UC适应屏幕的排版方式 -->
<meta name="viewport" content="uc-fitscreen=yes"/>
版本支持:8.5 patch +
5. UC适应屏幕的排版方式(layoutmode)
参数:
- fitscreen:适应屏幕
- standard:标准模式
用法:
<!-- 适应屏幕 -->
<meta name="layoutmode" content="fitscreen" />
等同于
<meta name="viewport" content="uc-fitscreen=yes, initial-scale=1.0" />
提示:更推荐用layoutmode,避免和原生支持的viewport发生未知冲突。
版本支持:8.5 patch +
6. 禁用夜间模式(nightmode)
参数:
- disable:禁止页面使用uc浏览器自定义的夜间模式,进入夜间模式时的表现同日间模式
- enable:允许页面使用uc浏览器自定义的夜间模式,用于取消disable时的效果
用法:
<!-- 禁用夜间模式 -->
<meta name="nightmode" content="disable"/>
版本支持:8.5 patch +
7. 强制图片显示(imagemode)
描述:当用户使用无图模式时,可以通过此方法来强制显示图片。
参数:
- force:强制图片显示
用法:
<!-- Meta标签(所有图片) -->
<meta name="imagemode" content="force"/> <!-- Img标签(单张图片) -->
<img src="..." show="force">
版本支持:8.5 patch +
8. 发送到桌面
描述:在用户触发“发至桌面”的菜单操作后,即触发联网获取size最大的图片。在未获取到图片前,可以先显示默认图片;获取完成后再将获取到的图片更新到桌面。如果获取不到或者没有此特殊标签,仍然使用默认的桌面书签图标。
用法:
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="images/icon.png" />
<link rel="apple-touch-icon" sizes="72x72" href="images/icon.png" />
U3内核JavaScript专用API
(经测试,官方文档给出的API很多也不能使用,下面只列出测试能用的)
1. 关闭默认手势
用法:
navigator.control.gesture(false);
个人推荐写法:
try {
navigator.control.gesture(false);
} catch (e) {
// ...
}
2. 关闭长按弹出菜单
用法:
navigator.control.longpressMenu(false);
个人推荐写法:
try {
navigator.control.longpressMenu(false);
} catch (e) {
// ...
}
服务器端相关API
1. XUCBrowserUserAgent
描述:HTTP Header 中 X-UCBrowser-UA 的对象模型,用于封装相关的数据段,并提供简单易用的方法读取字段内容。
通过这个API,可以获取到更加详细的设备信息,如:网络情况、系统环境、UC浏览器版本等...
各项参数的含义,请查看该pdf:http://www.uc.cn/download/UCBrowser_User_Agent.pdf
php的用法:
<?php
echo $_SERVER['HTTP_X_UCBROWSER_UA'];
本文地址:http://www.cnblogs.com/maplejan/p/3538206.html
UC手机浏览器(U3内核)相关文档整理的更多相关文章
- dotNET跨平台相关文档整理
一直在从事C#开发的相关技术工作,从C# 1.0一路用到现在的C# 6.0, 通常情况下被局限于Windows平台,Mono项目把我们C#程序带到了Windows之外的平台,在工作之余花了很多时间在M ...
- dotNET跨平台相关文档
dotNET跨平台相关文档整理 一直在从事C#开发的相关技术工作,从C# 1.0一路用到现在的C# 6.0, 通常情况下被局限于Windows平台,Mono项目把我们C#程序带到了Windows之外的 ...
- UC手机浏览器js加入收藏夹
概述 对于某些网站来说,让用户一键把网页加入收藏夹的设计是非常棒的,它能提醒用户把网页加入收藏夹,从而增加用户的回访率,使网站获得更多的流量. 在PC端,只有ie和ff支持用js把网页加入收藏夹的操作 ...
- Mybatis-Generator 自动生成Dao、Model、Mapping相关文档
最近在学习mybatis,结果在写Mapping的映射文件时insert语句一直报错,于是想看看标准的映射文件是什么样.百度到Mybatis-Generator 自动生成Dao.Model.Mappi ...
- flexpaper 开源轻量级的在浏览器上显示各种文档的组件
FlexPaper是一个开源轻量级的在浏览器上显示各种文档的组件,被设计用来与PDF2SWF一起使用, 使在Flex中显示PDF成为可能,而这个过程并无需PDF软件环境的支持.它可以被当做Flex的库 ...
- VLC的相关文档以及javascript接口
参看下面链接:VLC相关文档
- SharePoint 2013在浏览器中打开pdf文档
在没有安装Office Web Apps的情况下,SharePoint 2013是支持在IE上直接打开pdf和Excel文档的(只能查看,不能编辑,部分Excel会报错). 当然,需要现在管理中心做一 ...
- 大数据相关文档&Api下载
IT相关文档&Api下载(不断更新中) 下载地址:https://download.csdn.net/user/qq_42797237/uploads 如有没有你需要的API,可和我留言,留下 ...
- rn相关文档
RN相关文档: rn文档:https://reactnative.cn/ mbox文档:https://cn.mobx.js.org/ es6文档:http://es6.ruanyifeng.com/ ...
随机推荐
- express框架实现承载静态页面的能力
我们知道nodejs本身不具有一个web容器的作用,不像tomcat或者IIS这样的服务器一样天然具有web容器承载静态动态页面的能力,如果要原生实现的话需要自己通过路由配置,比较麻烦,而expres ...
- c++的继承方式
c++的继承,因为学完过的时间太长,忘了,现在再温习一下. c++的继承方式 1. 公有继承(public) 2. 私有继承(private) 3. 保护继承(protected) 从一个基类派生的继 ...
- ORACLE LOG的管理
CREATE OR REPLACE PACKAGE PLOG IS /** * package name : PLOG *<br/> *<br/> *See : <a h ...
- express和数据库(MySQL)的交互(二)
一.安装express前面都讲了 1.express. cnpm || npm install express --save 2.中间件 a.cnpm || npm install body-pars ...
- sublime Text 插件收录
插件 1.SublimeText3常用快捷键和优秀插件 2.常用的sublime text 3插件-1 主题 1.https://www.jianshu.com/p/1a1113213faf 2.ht ...
- centos 升级内核(编译安装)
yum install -y wget gcc gc bc gd make perl ncurses-devel xz下载地址:https://www.kernel.org#tar -Jxvf lin ...
- JS选取DOM元素的方法
摘自JavaScript权威指南(jQuery根据样式选择器查找元素的终极方式是 先用getElementsByTagName(*)获取所有DOM元素,然后根据样式选择器对所有DOM元素进行筛选) 今 ...
- .net mvc C#生成网页快照
目标:调用某一网页,自动抓取整个页面为图片,并保存 public class WebSiteThumbnail { Bitmap m_Bitmap; string m_Url; public WebS ...
- easyui动态生成双列头
实习时老大交给任务,让我做这样一个效果,选择日期并点击查询时,动态生成列头,下一列要求对应日期的星期. 效果图: 下面贴出查询的单击函数: //查询按钮 function queryByDate(){ ...
- 模板:快速傅里叶变换(FFT)
参考:http://blog.csdn.net/f_zyj/article/details/76037583 如果公式炸了请去我的csdn博客:http://blog.csdn.net/luyouqi ...