H5开发之meta设置

标准化H5开发的meta设置：

<head>

    <meta charset="utf-8">

    <!-- 兼容ie8浏览器 -->

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <!--文档的宽度等于设备宽度；初始缩放比例1:1；最多缩放比例1；不允许缩放；-->

    <meta  name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

    <!--这个也是iphone私有标签，允许全屏浏览。-->

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

    <!--iphone的私有标签，iphone顶端状态条的样式。-->

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

    <!--禁止数字自动识别为电话号码，这个比较有用，因为一串数字在iphone上会显示成蓝色，样式加成别的颜色也是不生效的。-->

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

    <!--禁止email识别-->

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

    <!-- 图标 -->

    <link rel="icon" href="<%= BASE_URL %>favicon.ico">

    <!-- 标题 -->

    <title><%= htmlWebpackPlugin.options.title %></title>

</head>

其他meta设置：

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

<!-- ios-safari浏览器顶部的状态栏；默认值default（白色），可选值black（黑色）、black-translucent（灰色半透明）-->

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

<!-- ios-safari：允许全屏模式浏览，隐藏浏览器导航栏 -->

H5开发之meta设置的更多相关文章

Mobile开发之meta篇
Mobile开发之meta篇 <meta name="viewport" content="width=device-width, initial-scale=1, ...
移动开发之meta篇
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable= ...
HTML5开发之meta标签的viewport使用说明
随着高端手机(Andriod,Iphone,Ipod,WinPhone等)的盛行,移动互联应用开发也越来越受到人们的重视,用html5开发移动应用是最好的选择.然而每一款手机有不同的分辨率,不同屏幕大 ...
原生+H5开发之：Android webview配置
在上一篇文章Android 原生开发.H5.React-Native开发特点,我们可以了解到三种Android开发方式的区别和优缺点.[Android开发:原生+H5]系列的文章,将主要讲解Andro ...
H5开发之Eclipes 编码乱码问题
1.编码不对 a.对某文件或某工程更改编码: 鼠标移到工程名或文件名,右键->Properties->Resource->Text file enCoding ->更改编码(G ...
Android开发之ListView设置隔行变色
public class HLCheckAdapter extends BaseAdapter { private List<HuoLiang> list; private Context ...
原生+H5开发之：js交互【location方式】
1. 交互方式总结 1Android与JS通过WebView互相调用方法,实际上是: Android去调用JS的代码 JS去调用Android的代码二者沟通的桥梁是WebView 对于Android ...
iOS开发之XCode设置--消除AFN的警告
本篇是直接拷贝别人的博文,地址:http://blog.csdn.net/liyiyismile/article/details/50434844 在项目开发中导入第三方sdk后会提示很多这样的错误: ...
iOS开发之iOS7设置状态栏字体颜色
应用中登陆界面颜色较浅,状态栏字体颜色为黑色,跳转到主界面之后,界面颜色较深,状态栏颜色随之变成白色.但是再重新返回登陆界面后,状态栏字体颜色并没有改成黑色,特别别扭. plist文件里将View c ...
Android混合开发之WebViewJavascriptBridge实现JS与java安全交互
前言: 为了加快开发效率,目前公司一些功能使用H5开发,这里难免会用到Js与Java函数互相调用的问题,这个Android是提供了原生支持的,不过存在安全隐患,今天我们来学习一种安全方式来满足Js与j ...

随机推荐

超星学习通逆向接口参数加密分析 - 课程页面切换tab接口
超星的接口分析了很久,分析到这个接口的时候才想到写篇博客,之前的一些接口和分析就没写下来先开俩坑在这里,等以后再填 1.如何抓安卓APP上HTTPS的包(需ROOT) 2.如何逆向安卓APP 本次分 ...
通过ETL从MySQL同步到GaussDB
在数字化转型深化的背景下,企业会面临数据源异构化的孤立存储和分散管理难题,需要构建统一的数据治理体系以实现跨系统数据资产的整合与价值挖掘.我们可以通过ETL其低代码/无代码架构,有效解决了多源异构数据 ...
ETL中Python组件的运用
Python是一种高级.通用.解释型编程语言,以简洁.易读.易学的语法而闻名,被广泛应用于Web开发.数据科学.人工智能.自动化脚本等领域. python的特点包含易读易学:Python的语法设计简 ...
AppLink让你的电商运营财务管理自动化
电商运营财务管理的现状在我们做电商运营管理的时候,财务管理是一个很繁琐并且对精度要求比较高的工作.通常需要花费财务管理人员很长的时间和经理进行核对.企业电商金额大,商品多.个体电商人员少,精力更多在 ...
SciTech-Mathmatics-Proba. & Stats.: {先验概率, 联合概率, 条件概率, 全概率, 似然度, 后验概率}
SciTech-Mathmatics-Proba. & Stats.: P(AB) VS P(B|A) VS P(A|B) 先给结论: 联合概率讨论的是"不相关事件"的概率 ...
ps正版弹窗问题解决
PPT（四）-图表
一.顶级的商业图表在哪找 1.麦肯锡中国https://www.mckinsey.com.cn/# 2.第一财经周刊https://www.cbnweek.com/ 3.数读https://data. ...
02oeis.py（OEIS解析）
# name: 02oeis.py # date: 20240324 # link: https://blog.csdn.net/qq_38848616/article/details/7963755 ...
【C++ Primer Plus】C++11 深入理解右值、右值引用和完美转发
1. 右值引用和移动语义 1.1 左值和右值左值 local value:存储在内存中.有明确存储地址(可寻址)的数据(x.y.z) 右值 read value:不一定可以寻址,例如存储于寄存器中的 ...
.NET Core开源 DDD微服务支持多租户单点登录多级缓存、自动任务、分布式、日志、授权和鉴权、网关、注册与发现系统架构 docker部署
源代码地址https://github.com/junkai-li/NetCoreKevin基于NET6搭建跨平台DDD思想WebApi架构.IDS4单点登录.多缓存.自动任务.分布式.多租户.日志. ...

H5开发之meta设置

H5开发之meta设置的更多相关文章

随机推荐

热门专题