Web APP开发技巧总结

一、META/LINK相关：

　　1、百度禁止转码

　　通过百度手机打开网页时，百度可能会对你的网页进行转码，往你页面贴上它的广告，非常之恶心。不过我们可以通过这个meta标签来禁止它：

　　<meta http-equiv="Cache-Control" content="no-siteapp" />

　　相关链接：SiteApp 转码声明

　　2、添加到主屏后的标题（IOS）

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

　　3、启用 WebApp 全屏模式（IOS）

　　当网站添加到主屏幕后再点击进行启动时，可隐藏地址栏（从浏览器跳转或输入链接进入并没有此效果）

　　<meta name="apple-mobile-web-app-capable" content="yes" />

　　<meta name="apple-touch-fullscreen" content="yes" />

　　PS：然而，经本人用5S测试，设置"apple-touch-fullscreen"并没有什么卵用，希望了解者能在底部评论告知

　　4、设置状态栏的背景颜色（IOS）

　　设置状态栏的背景颜色，只有在 "apple-mobile-web-app-capable" content="yes" 时生效

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

　　content 参数：

default ：状态栏背景是白色。

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com

原标题：Web APP开发技巧总结

关键词：web