Web APP设备手段回想
发布日期：2024-07-16 12:38 点击次数：290
通过百度手机洞开网页时，百度可能会对你的网页进行转码，往你页面贴上它的告白，至极之恶心。不外咱们不错通过这个meta标签来辞谢它：
app开发价格<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 ：景况栏布景是白色。 black ：景况栏布景是玄色。 black-translucent ：景况栏布景是半透明。 淌若建立为 default 或 black ,网页实质从景况栏底部驱动。 淌若建立为 black-translucent ,网页实质充满通盘屏幕，顶部会被景况栏遮盖。 6、出动端手机号码识别（IOS）在 iOS Safari （其他浏览器和Android均不会）上会对那些看起来像是电话号码的数字处理为电话持续，比如：
7位数字，形如：1234567 带括号及加号的数字，形如：(+86)123456789 双探究线的数字，形如：00-00-00111 11位数字，形如：13800138000可能还有其他类型的数字也会被识别。咱们不错通过如下的meta来关闭电话号码的自动识别：
<meta name="format-detection" content="telephone=no" />
但某些工夫，你关闭电话自动识别后，又但愿某些电话号码长按期好像持续到 iPhone 的拨号功能和短信功能，你不错使用底下的举止收场：
（2）开启电话功能：
<a href="tel:123456">123456</a>
（3）开启短信功能：
<a href="sms:123456">123456</a>
7、出动端邮箱识别（Android）与电话号码的识别一样，在安卓上会对相宜邮箱模样的字符串进行识别，咱们不错通过如下的meta来管别邮箱的自动识别：
<meta content="email=no" name="format-detection" />
通常地，咱们也不错通过标签属性来开启长按邮箱地址弹出邮件发送的功能：
<a mailto:dooyoe@gmail.com">dooyoe@gmail.com</a>
8、添加智能 App 告白条 Smart App Banner（IOS 6+ Safari）<meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
9、IOS Web app启动动画由于iPad 的启动画面是不包括景况栏区域的。是以启动图片需要减去景况栏区域所对应的方朝上的20px大小，相应地在retina建造上要减去40px的大小
（landscape：横屏 | portrait：竖屏）10、添加到主屏后的APP图标
指定web app添加到主屏后的图标旅途，有两种稍许不同的现象：
apple-touch-icon：在IOS6及以下的版块会自动为图标添加一层高光成果（IOS7驱动已使用扁平化的策画作风） apple-touch-icon-precomposed：使用“策画原图图标”成果：
0路号码分析：上期走势一般，出现6个：03、12、30、48、51、66，最近10期0路号码出现68个，开出个数与理论相当，其中冷温热期数比为1：8：1，0路号码大小个数比为38：30，大号表现明显较热，0路号码奇偶比为32：36，偶数号码表现活跃，与上期相比，本期预计0路号码个数减少，继续走温，关注5个：03、06、15、54、60。
图标尺寸：
可通过指定size属性来为不同的建造提供不同的图标（但平淡来说，咱们只需提供一个114 x 114 pixels大小的图标即可 ）
官方讲明如下
Create different sizes of your app icon for different devices. If you’re creating a universal app, you need to supply app icons in all four sizes.
For iPhone and iPod touch both of these sizes are required:
57 x 57 pixels
114 x 114 pixels (high resolution)
For iPad, both of these sizes are required:
72 x 72 pixels
144 x 144 (high resolution)
11、优先使用最新版块 IE 和 Chrome<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
二、HTML/CSS 1、关闭iOS键盘首字母自动大写在iOS中，默许情况下键盘是开启首字母大写的功能的，淌若启用这个功能，不错这样：
<input type="text" autocapitalize="off" />
2、关闭iOS输入自动修正和英文输入默许自动首字母大写那样，app开发IOS还作念了一个功能，默许输入法会开启自动修正输入实质，这样的话，用户时时要操作两次。淌若不但愿开启此功能，咱们不错通过input标签属性来关闭掉：
<input type="text" autocorrect="off" />
3、辞谢文本缩放当出动建造横竖屏切换时，文本的大小会从头计较，进行相应的缩放，当咱们不需要这种情况时，不错采取辞谢：
需要看管的是，PC端的该属性照旧被移除，该属性在出动端要奏效，必须建立 `meta viewport'。
4、出动端如何拔除输入框内暗影在iOS上，输入框默许有里面暗影，但无法使用 box-shadow 来拔除，淌若不需要暗影，不错这样关闭：
5、快速回弹改变咱们先来望望回弹改变在手机浏览器发展的历史：
早期的工夫，出动端的浏览器齐不复旧非body元素的改变条，是以一般齐借助 iScroll; Android 3.0/iOS科罚了非body元素的改变问题，但改变条弗见识，同期iOS上只可通过2个手指进行改变； Android 4.0科罚了改变条弗见识及加多了快速回弹改变成果，不外随后这个特质又被移除； iOS从5.0驱动科罚了改变条弗见识及加多了快速回弹改变成果在iOS上淌若你思让一个元素领有像 Native 的改变成果，你不错这样作念：
PS：iScroll用过之后嗅觉不是很好，有一些诡异的bug，这里保举另外一个 iDangero Swiper，这个插件集成了滑屏改变的强大功能（复旧3D），而况还有回弹改变的内置改变条，官方地址：
http://www.idangero.us/sliders/swiper/index.php
6、出动端辞谢选中实质淌若你不思用户不错选中页面中的实质，那么你不错在css中禁掉：
7、出动端取消touch高亮成果在作念出动端页面时，会发现通盘a标签在触发点击时或者通盘建立了伪类 :active 的元素，默许齐会在激活景况时，流露高亮框，淌若不思要这个高亮，那么你不错通过css以下举止来进行全局的辞谢：
但这个举止在三星的机子上无效，有一种调和的举止是把页面非着实跳转持续的a标签换成其它标签，不错科罚这个问题。
8、如何辞谢保存或拷贝图像（IOS）平淡当你在手机或者pad上长按图像 img ，会弹出选项 存储图像 或者 拷贝图像，淌若你不思让用户这样操作，那么你不错通过以下举止来辞谢：
img { -webkit-touch-callout: none; }
参考贵府：
http://www.cnblogs.com/PeunZhang/p/3407453.html#question_1