chaihongjun.me

2016年最新前端必知的移动互联网HTML5Head头标签-UC浏览器

2016年最新前端必知的移动互联网HTML5Head头标签-UC浏览器

UC 浏览器

设置屏幕方向

portrait 为横屏,landscape 为竖屏。

<meta name="screen-orientation" content="portrait|landscape">
设置全屏

设置全屏

<meta name="full-screen" content="yes">

设置适应屏幕排版(缩放是否显示滚动条)

UC 浏览器在标准排版效果实现的基础上,提供适应屏幕的排版方式,当设置为 uc-fitscreen=yes,页面进行缩放操作时,仅放大图片和文字等元素,但不放大屏幕宽度,保持不出现水平(横向)滚动条。

<meta name="viewport" content="uc-fitscreen=no|yes">

排版模式

UC 浏览器提供两种排版模式,分别是适屏模式(fitscreen)及标准模式(standard),其中适屏模式简化了一些页面的处理,使得页面内容更适合进行页面阅读、节省流量及响应更快,而标准模式则能按照标准规范对页面进行排版及渲染。

<meta name="layoutmode" content="fitscreen|standard">

夜间模式

可以帮助用户在低亮度或黑暗情况下更舒适的进行页面浏览。由于基于网页的应用愈加复杂,由浏览器实现的单一夜间模式不一定能够适应所有情况(例如游戏应用),因此 UC 浏览器允许网页设计者对其设计的页面禁用浏览器的夜间模式,自行设计更适合用户使用的夜间模式。

注意:页面内的 frame/iframe 中的夜间模式的 meta 不生效。

<meta name="nightmode" content="enable|disable">

整页图片强制显示

为了节省流量及加快速度,UC 为用户提供了无图模式,在实际使用中存在页面中的图片是不可缺少的,例如验证码,地图等。通过强制图片显示的功能可以保证图片显示不受用户的设置影响。

**注意:整页图片强制显示仅对当前页面生效,对页面内的 frame/iframe 不生效,也不影响前进后退的页面

<meta name="imagemode" content="force">

开启应用模式

<meta name="browsermode" content="application">

应用模式是为方便 Web 应用及游戏开发者设置的综合开关,通过meta标签进行指示打开,当进入应用模式时,浏览器将自动调整以下参数:

参数状态说明
全屏生效可通过 meta 或 JS API 调用退出全屏
长按菜单失效可通过 JS API 调用重新生效
浏览器默认手势失效可通过 JS API 调用重新生效
排版模式标准模式可通过 meta 或 JS API 调用设置其他排版模式
强制图片显示生效/
夜间模式失效可通过 meta 或 JS API 调用启用夜间模式

缩放字体

例如:禁用的 UC 浏览器的字体缩放功能

<meta name="wap-font-scale" content="no">

具体UC 浏览器文档链接:UC 浏览器文档

知识共享许可协议本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。作者:愚人码头»