175-2108-6175
网站建设资讯详细

Web APP开发实用技巧总结——META/LINK相关

日期:2020-03-19  作者:千语创想  浏览:5400


1、百度禁止转码

通过百度搜索打开手机网页时,百度有时会对网页进行转码插入广告,此时,我们可以通过这个meta标签来禁止它:

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

 

2、IOS中如何把标题添加到主屏后:

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

 

3、IOS如何启用 WebApp 全屏模式:

当网站添加到主屏幕后再点击进行启动时,可隐藏地址栏

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

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

 

4、Android移动端如何识别邮箱

安卓会对符合邮箱格式的字符串进行识别,我们可以通过如下的meta来管别邮箱的自动识别:

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

我们也可以通过标签属性来开启长按邮箱地址弹出邮件发送的功能:

<a mailto:dooyoe@gmail.com">dooyoe@gmail.com</a>

 

5、IOS怎样设置状态栏的背景颜色

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

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

 

6、进行添加App广告条

<meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL"> 

 

7、iPad中的Web app怎样设置启动动画

iPad的启动图片需要减去状态栏区域所对应的方向上的20px大小,也就是说在retina设备上要减去40px的大小。因为ipad的启动画面是不包括状态栏区域的。

  

8、添加到主屏后的APP图标

指定web app添加到主屏后的图标路径有两种不同的方式:

<!-- 设计原图 -->

<link href="short_cut_114x114.png" rel="apple-touch-icon-precomposed">

<!-- 添加高光效果 -->

<link href="short_cut_114x114.png" rel="apple-touch-icon">

 

9、优先使用最新版本 IE 和 Chrome

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />


以上就是Web APP开发中的一些实用技巧总结,希望对你有所帮助。


来千语创想移动应用开发平台学习更多APP开发知识:app开发app制作app开发源码下载app开发框架app制作模板等免费获取。千语创想支持APP定制开发,一键网站自动生成app网站转app网站封装app,有网站即可生成自己的app。

 

立即免费在线制作一个APP,新手注册即送开发大礼包

提交app定制需求,免费获取报价和周期:

电脑请点击https://www.qianyuthink.com/?url=/index?uzchannel=500

手机请点击https://www.qianyuthink.com/?url=/m/quickaddcustom


转载请注明来自:https://www.qianyuthink.com/news/6354.html