iphone的safari浏览器实现全屏的pwa模式，并修改顶部状态栏背景颜色
要想修改顶部背景颜色，需要用到这个属性：content就是你要设置的颜色
<!-- 状态栏的背景色 --><meta name="theme-color" content="#f8f8f8" />然后再加上下面的设置：
<!-- 网站开启对 web app 程序的支持 具体表现为去除浏览器地址栏和底部导航栏 --><meta name="apple-mobile-web-app-capable" content="yes" /><!-- 用来定义顶部状态栏的形式默认是default为白色 black为黑色 black-translucent为灰色半透明（会占据屏幕的约20px，不同的设备可能会有差异）--><!-- 在定义了apple-mobile-web-app-capable的前提下，设置状态栏的属性值apple-mobile-web-app-status-bar-style才有效； --><meta name="apple-mobile-web-app-status-bar-style" content="default" /><meta name="application-name" content="web独立页面的名称" />总的设置：
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><!-- 网站开启对 web app 程序的支持 具体表现为去除浏览器地址栏和底部导航栏 --><meta name="apple-mobile-web-app-capable" content="yes" /><!-- 用来定义顶部状态栏的形式默认是default为白色 black为黑色 black-translucent为灰色半透明（会占据屏幕的约20px，不同的设备可能会有差异）--><!-- 在定义了apple-mobile-web-app-capable的前提下，设置状态栏的属性值apple-mobile-web-app-status-bar-style才有效； --><meta name="apple-mobile-web-app-status-bar-style" content="default" /><meta name="application-name" content="web独立页面的名称" /><!-- 放在桌面上的图标 --><link rel="apple-touch-icon-precomposed" sizes="120x120" href="icon.png" /><!-- 状态栏的背景色 --><meta name="theme-color" content="#fc5531" /><link rel="icon" type="image/svg+xml" href="/vite.svg" /><title>收入明细</title></head><body><div id="app"></div><script type="module" src="/src/main.ts"></script></body>
</html>
如果没有设置状态栏背景颜色，可能看到的效果：背景是黑色或者白色
配置好状态栏颜色后：
相关文章：
iphone的safari浏览器实现全屏的pwa模式，并修改顶部状态栏背景颜色
要想修改顶部背景颜色，需要用到这个属性：content就是你要设置的颜色 <!-- 状态栏的背景色 --><meta name"theme-color" content"#f8f8f8" /> 然后再加上下面的设置： <!-- 网站开启对 web app 程序的支持…...
springboot对接rabbitmq并且实现动态创建队列和消费
背景 1、对接多个节点上的MQ（如master-MQ，slave-MQ），若读者需要自己模拟出两个MQ，可以部署多个VM然后参考 docker 安装rabbitmq_Steven-Russell的博客-CSDN博客 2、队列名称不是固定的，需要接受外部参数&…...
Spring的后处理器-BeanFactoryPostprocessor
目录 Spring后处理器 Bean工厂后处理器-BeanFactoryPostProcessor 修改beanDefinition对象 添加beanDefiniton对象 方法一 方法二 自定义Component Spring后处理器 Spring后处理器是Spring对外开放的重要拓展点（让我们可以用添加自己的逻辑）&…...
Flutter 必备知识点
Flutter 升级 确保在项目根目录下（含有 pubspec.yaml 的文件夹） 在命令行中输入命令： flutter channel输出： Flutter channels: * mastermainbetastable这个可以在 pubspec.yaml 中查看： 切换分支也很简单…...
什么是FMEA（失效模式和影响分析）？
失效模式和影响分析（FMEA）是一个在开发阶段，用于确定产品或流程可能的风险和失败点的有条理的过程。FMEA团队会研究失效模式，也就是产品或流程中可能出错的地方，以及这些失效可能带来的影响（如风险、损害、…...
)
Redis面试题(三)
文章目录 前言一、怎么理解 Redis 事务？二、Redis 事务相关的命令有哪几个？三、Redis key 的过期时间和永久有效分别怎么设置？四、Redis 如何做内存优化？五、Redis 回收进程如何工作的？六、 加锁机制总结 前言 怎么理…...
Python错误处理指南：优雅应对异常情况
目录 一. 异常是什么？二. 使用 try 和 except三. 捕获多个异常四. 使用 else五. 使用 finally六. 自定义异常七.Python中常见异常处理类型八.Python中常见异常处理实例九.异常处理最佳实践十.结论 当编写Python代码时，错误处理是一个重要的方面ÿ…...
MySQL学习笔记12
MySQL 查询语句： 1、查询五子句：（重点） mysql> select */字段列表 from 数据表名称 where 子句 group by 子句 having 子句 order by 子句 limit 子句; 1）where 子句；条件筛选。 2）group…...
【owt】构建m79的owt-client-native：使用vs2017
家里电脑换成了台式机，拷贝代码发现了三年前的owt客户端mfc工程。 不用下载第三方库，试着构建下： owt-client-native 我这里有3年前的代码，思索了下还是用vs2017构建吧： 重新构建一下 选用x86 的 vs2017 vs的命令行控制台 cls可以清理屏幕 之前构建过vs2022的webrtc原版 …...
Cpp/Qt-day020918Qt
目录 完善登录框 点击登录按钮后，判断账号（admin）和密码（123456）是否一致，如果匹配失败，则弹出错误对话框，文本内容“账号密码不匹配，是否重新登录”，给定两…...
Spring面试题10：Spring的XMLBeanFactory怎么使用
该文章专注于面试，面试只要回答关键点即可，不需要对框架有非常深入的回答，如果你想应付面试，是足够了，抓住关键点 面试官：Spring的XMLBeanFactory怎么使用 XmlBeanFactory是Spring框架中的一个实现类，它是BeanFactory接口的一个具体实现。XmlBeanFactory的主要作用是通…...
自定义数据类型
前言：小伙伴们又见面啦，今天这篇文章，我们来谈谈几种自定义数据类型。 目录 一.都有哪些自定义数据类型 二.结构体 结构体内存对齐 1.如何对齐 2.为什么要对齐 3.节省空间和提升效率的方法 （1）让占用空间小的成员…...
产品团队的需求验证和确认
需求核实过程是确保软件满足特定的规格要求，而验证则侧重于软件是否达到了最终用户的期望和需求。 如果你正在开发一种医疗产品，这种区别也可能在法规和标准中有所体现，例如： 820.30(f)：设计验证应确认设计的成果符合…...
【JVM】类加载的过程
文章目录 类的生命周期加载验证准备解析初始化简要概括 类的生命周期 一个类型从被加载到虚拟机内存中开始，到卸载出内存为止，它的整个生命周期将会经历加载 （Loading）、验证（Verification）、准备…...
Golang 结构化日志包 log/slog 详解（四）：分组、上下文和属性值类型
上一篇文章讲解了 log/slog 包中的自定义日志属性字段和日志级别，本文讲解下分组、上下文和属性值类型 分组输出 slog 支持将字段放在组中并且可以给分组指定名称。如何展示分组的内容，取决于使用的 handler，例如 TextHandler 使用点号分隔…...
小白学Python：提取Word中的所有图片，只需要1行代码
#python# 大家好，这里是程序员晚枫，全网同名。 最近在小破站账号：Python自动化办公社区更新一套课程：给小白的《50讲Python自动化办公》 在课程群里，看到学员自己开发了一个功能：从word里提取图片。这个…...
pip修改位于用户目录下的缓存目录
默认 pip 缓存目录： Windows: C:\Users\${用户名}\AppData\Local\pip\cache Linux: ~/.cache/pip 一、修改方式 1.命令方式 pip config set global.cache-dir "D:\kwok\data\pip-cache" 2.配置文件方式 ① Windows： C:\Users\${用…...
更新、修改
MySQL从小白到总裁完整教程目录:https://blog.csdn.net/weixin_67859959/article/details/129334507?spm1001.2014.3001.5502 语法: update 表名 列名该列新值, 列名该列新值, ... where 记录匹配条件; 说明：update 更新、修改 set 设置 …...
山西电力市场日前价格预测【2023-09-25】
日前价格预测 预测说明： 如上图所示，预测明日（2023-09-25）山西电力市场全天平均日前电价为442.30元/MWh。其中，最高日前电价为720.46元/MWh，预计出现在19: 00。最低日前电价为276.06元/MWh，预计…...
方法和enumerate()方法)
从collections库的Counter类看items()方法和enumerate()方法
下面的代码是针对文件的词频统计，使用了collections库及其Counter类 import collections def count_word_frequency(text): words text.lower().split() word_counts collections.Counter(words) return word_counts def count_fileword_frequency(fi…...
【Linux】shell脚本忽略错误继续执行
在 shell 脚本中，可以使用 set -e 命令来设置脚本在遇到错误时退出执行。如果你希望脚本忽略错误并继续执行，可以在脚本开头添加 set e 命令来取消该设置。 举例1 #!/bin/bash# 取消 set -e 的设置 set e# 执行命令，并忽略错误 rm somefile…...
golang循环变量捕获问题
在 Go 语言中，当在循环中启动协程（goroutine）时，如果在协程闭包中直接引用循环变量，可能会遇到一个常见的陷阱 - 循环变量捕获问题。让我详细解释一下： 问题背景 看这个代码片段： fo…...
Oracle查询表空间大小
1 查询数据库中所有的表空间以及表空间所占空间的大小 SELECTtablespace_name,sum( bytes ) / 1024 / 1024 FROMdba_data_files GROUP BYtablespace_name; 2 Oracle查询表空间大小及每个表所占空间的大小 SELECTtablespace_name,file_id,file_name,round( bytes / ( 1024 …...
大型活动交通拥堵治理的视觉算法应用
大型活动下智慧交通的视觉分析应用 一、背景与挑战 大型活动（如演唱会、马拉松赛事、高考中考等）期间，城市交通面临瞬时人流车流激增、传统摄像头模糊、交通拥堵识别滞后等问题。以演唱会为例，暖城商圈曾因观众集中离场导致周边…...
visual studio 2022更改主题为深色
visual studio 2022更改主题为深色 点击visual studio 上方的 工具-> 选项 在选项窗口中，选择 环境 -> 常规 ，将其中的颜色主题改成深色 点击确定，更改完成...
【AI学习】三、AI算法中的向量
在人工智能（AI）算法中，向量（Vector）是一种将现实世界中的数据（如图像、文本、音频等）转化为计算机可处理的数值型特征表示的工具。它是连接人类认知（如语义、视觉特征）与…...
基于Docker Compose部署Java微服务项目
一. 创建根项目 根项目（父项目）主要用于依赖管理 一些需要注意的点： 打包方式需要为 pom<modules>里需要注册子模块不要引入maven的打包插件，否则打包时会出问题 <?xml version"1.0" encoding"UTF-8…...
蓝桥杯3498 01串的熵
问题描述 对于一个长度为 23333333的 01 串, 如果其信息熵为 11625907.5798， 且 0 出现次数比 1 少, 那么这个 01 串中 0 出现了多少次? #include<iostream> #include<cmath> using namespace std;int n 23333333;int main() {//枚举 0 出现的次数//因…...
学校时钟系统，标准考场时钟系统，AI亮相2025高考，赛思时钟系统为教育公平筑起“精准防线”
2025年#高考 将在近日拉开帷幕，#AI 监考一度冲上热搜。当AI深度融入高考，#时间同步 不再是辅助功能，而是决定AI监考系统成败的“生命线”。 AI亮相2025高考，40种异常行为0.5秒精准识别 2025年高考即将拉开帷幕，江西、…...
基于Java+MySQL实现（GUI）客户管理系统
客户资料管理系统的设计与实现 第一章 需求分析 1.1 需求总体介绍 本项目为了方便维护客户信息为了方便维护客户信息，对客户进行统一管理，可以把所有客户信息录入系统，进行维护和统计功能。可通过文件的方式保存相关录入数据，对…...