最近碰到一个有客户提出一个比较另类的需求：我的网站在手机端显示要全屏，不能显示浏览器的工具栏。

首要个反應即我就算勒个去的，一个诉求分析优势APP的印象呢，但转瞬之间间我又想，本上神活了这几千八百年啥样的诉求分析都没有过，整！不即是几行代碼的事项吗，两百多万行的代碼你们磊了，还查这一点我想，上！1、WebApp全屏方式：<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,minimal-ui">需要注意：viewport 最后再加 minimal-ui 在safri 做到成果<meta name="apple-mobile-web-app-capable" content="yes" /> 2、删掉的情形栏/设置成的情形栏色：

<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />

 3、safri 增加到主屏接面的彰显主题词：

<meta name="apple-mobile-web-app-title" content="应用标题">

 4、被忽视重新识別数子为手机 账号：

<meta content="telephone=no" name="format-detection" />

5、给忽略手动甄别油箱帐号：

<meta content="email=no" name="format-detection" />

6、常用浏览器全屏设置：<!-- uc强制竖屏 -->

<meta name="screen-orientation" content="portrait">

<!-- UC强制全屏 -->

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

<!-- UC应用模式 -->

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

<!-- QQ强制竖屏 -->

<meta name="x5-orientation" content="portrait">

<!-- QQ强制全屏 -->

<meta name="x5-fullscreen" content="true">

<!-- QQ应用模式 -->

<meta name="x5-page-mode" content="app">

<!-- 是专门针对有些老的不区分viewport的搜素器，列如黑莓 -->

<meta name="HandheldFriendly" content="true">

<!-- 谷歌的传统式阅览器 --><meta name="MobileOptimized" content="320">

来看，简易吧，h5给他们们供给了很好的meta标示，我们公司都特定也要好好APP，特此在此里留个底，很多人若有应该，既然拿走。