meta name="apple-mobile-web-app-capable"

最新推荐文章于 2024-07-15 09:45:49 发布
转载 最新推荐文章于 2024-07-15 09:45:49 发布 · 4.1k 阅读 · 1
文章标签：

#移动开发 #meta标签

本文介绍如何通过特定的meta标签来隐藏iOS设备上Web应用的工具栏和菜单栏，同时设置状态栏的样式。
<!--删除默认的苹果工具栏和菜单栏，当我们需要显示工具栏和菜单栏时，这个行meta就不用加了，默认就是显示-->
<meta name="apple-mobile-web-app-capable" content="yes" />
<!--作用是控制状态栏显示样式,默认black和black-translucent-->
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
chen 留
关注
Meta标签中的apple-mobile-web-app-capable属性及含义
weixin_30478923的博客
09-30 306
这meta的作用就是删除默认的苹果工具栏和菜单栏。 content有两个值”yes”和”no”,当我们需要显示工具栏和菜单栏时，这个行meta就不用加了，默认就是显示。 转载于:https://www.cnblogs.com/shinehouse/articles/4001737.html...
meta name="apple-mobile-web-app-status-bar-style" content="black"
热门推荐
飞鸿的博客
06-16 2万+
webapp里主要的mate用途&lt;meta name="apple-touch-fullscreen" content="yes"&gt;  添加到主屏幕后，全屏显示。&lt;meta name="apple-mobile-web-app-capable" content="yes" /&gt;这meta的作用就是删除默认的苹果工具栏和菜单栏。content有两个值”yes”和”no”,当我
关于webapp手机端 index.html重要的设置
cdfdfgrd的博客
07-15 1123
关于webapp手机端 index.html重要的设置
meta标签中apple-mobile-web-app-capable
liukai6的博客
08-01 2429
&lt;meta name="apple-mobile-web-app-capable" content="yes" /&gt; 删除默认的苹果工具栏和菜单栏,将值设置为no。 需要显示工具栏和菜单栏时，不需要添加，默认值为yes，即显示。...
移动终端浏览器初始设置apple-mobile-web-app-capable （转）
04-24 987
原文地址 http://blog.sina.com.cn/s/blog_4dffbd380100kvht.html 移动终端浏览器默认设置视口的宽度和初始规模。最近做的一个移动终端的项目，遇到一个默认设置更改的问题。起初非常怀疑是自己的html写的有问题。经过一番页面尺寸的测试之后终于找到问题根源。知道是什么问题就可以找解决的方法了。<meta name="viewport" ...
<meta name="apple-mobile-web-app-capable" content="yes"> is deprecated. Please include <meta name="mobile-web-app-capable" content="yes">
09-08
`<meta name="apple-mobile-web-app-capable" content="yes">` 这个元标记用于指定网站是否支持苹果手机上的“移动Web应用模式”（Mobile Safari）。然而，这个标记已经被认为过时，并在某些新的浏览器版本中不再...
<link rel="manifest" href="/manifest.json"> <meta name="theme-color" content="#ffffff"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name="viewport" content="width=device-width,initial-scale=1.0">都是什么意思
05-17
- `<meta name="apple-mobile-web-app-capable" content="yes">`：用于指定在 iOS 设备上是否可以将网站添加到主屏幕并运行为 Web App。 - `<meta name="apple-mobile-web-app-status-bar-style" content="black">`...
<meta name="apple-mobile-web-app-capable" content="yes">
06-10
这个 meta 标签的作用是告诉 iOS 设备，当前网页是否可以像原生应用一样在全屏模式下运行，以提供更好的用户体验。如果将这个 meta 标签的 content 属性设置为 "yes"，则表示当前网页可以启用全屏模式。 在启用全屏...
这个是解压后的 <!DOCTYPE html> <html lang="en-US" dir="ltr"> <head> <meta charset="UTF-8" /> <meta name="version" content="BE220v1_1.11.0_2025-07-18T01:47:43.834Z" /> <meta name="ui-type" content="svr" /> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=2,user-scalable=0" /> <meta name="apple-touch-fullscreen" content="yes" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" /> <meta name="format-detection" content="telephone=no" /> <title>Opening...</title> <script type="module" crossorigin src="./js/index-CyuZZWKv.js"></script> <link rel="stylesheet" crossorigin href="./assets/css/style-B-M140S5.css"> </head> <body> <div id="app"></div> <script type="text/javascript"> (function handleUnsupportedBrowser() { try { // https://cn.vuejs.org/about/faq.html#what-browsers-does-vue-support const isIE = window.ActiveXObject || 'ActiveXObject' in window || /MSIE|Trident/.test(window.navigator.userAgent) const isUnsupportedBrowser = !localStorage || !localStorage.setItem || isIE if (isUnsupportedBrowser) { throw new Error('unsupported browser') } } catch (error) { location.href = './error.html' } })() </script> </body>
最新发布
10-22
- 禁止电话号码识别：`<meta name="format-detection" content="telephone=no">` - 固件版本标识：`BE220v1_1.11.0_2025-07-18T01:47:43.834Z` 2. **资源加载机制** ```html <script type="module" crossorigin...
apple-mobile-web-app-capable
weixin_34324081的博客
12-09 140
http://blog.sina.com.cn/s/blog_4dffbd380100kvht.html 转载于:https://www.cnblogs.com/zxmbest1/p/5032538.html
apple-mobile-web-app-capable作用
weixin_34148340的博客
03-01 836
apple-mobile-web-app-capable是设置Web应用是否以全屏模式运行。 语法结构: 1 <meta name="apple-mobile-web-app-capable" content="yes"> 说明: 如果content设置为yes，Web应用会以全屏模式运行，反之，则不会。...
移动终端浏览器初始设置apple-mobile-web-app-capable(转)
zmoneyz的专栏
02-09 2618
移动终端浏览器默认设置视口的宽度和初始规模。 最近做的一个移动终端的项目，遇到一个默认设置更改的问题。起初非常怀疑是自己的html写的有问题。经过一番页面尺寸的测试之后终于找到问题根源。知道是什么问题就可以找解决的方法了。 在页面的头部文件中加入了以上设定就ok了。以下是找到的有关于这些设定的解析。记录下来避免忘记。 然而这些设定只在移动终端的浏览器中有效，非移动终端浏览器这些设定是
如何让 web 页面以独立 app 的形式运行 meta: apple-mobile-web-app-capable
学习笔记
05-15 8241
如何让 web 页面以独立 app 的形式运行 meta: apple-mobile-web-app-capable 看个例子 你可能不知道的一个功能： web 单页面应用可以在手机端以类似独立 app 的形式运行。 就像下面这样， 没有上下的工具栏 切换的时候跟普通 app 没什么两样 让页面实现 standalone 功能 苹果官方对 safari 可用 meta 标签的说明 Safari HTML Reference - Supported Meta Tags 只需要添加下面一行即可 &lt
safari 中如何设置独立web app 的状态栏颜色背景，apple-mobile-web-app-capable apple-mobile-web-app-status-bar-style
学习笔记
02-17 3131
safari 中如何设置独立单页web app 的状态栏颜色背景，apple-mobile-web-app-capable apple-mobile-web-app-status-bar-style 参考文章：https://medium.com/appscope/changing-the-ios-status-bar-of-your-progressive-web-app-9fc8fbe8e6ab 现在是 2022-02-17 iPhone 现在已经可以实现将 web 应用添加到桌面上，直接打开就获得
Meta 标签 apple-mobile-web-app-
水色陀螺
05-27 796
Meta标签中的apple-mobile-web-app-status-bar-style 作用是控制状态栏显示样式； 属性例如： content=”default” content=”black” content=”black-translucent” Meta标签中的apple-mobile-web-app-capable 作用是应用以全屏模式运行； 属性例如： content=”y
WebApp 的 meta 标签
chenping6296的博客
03-22 272
WebApp 的 meta 标签 apple-mobile-web-app-capable设置Web应用是否以全屏模式运行。 语法： <meta name="apple-mobile-web-app-capable" content="yes"> 说明： ...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值