uni-app h5修改浏览器导航栏的 title以及icon

news/2025/1/17 6:13:38/

1.title

        在pages.json文件中修改:"navigationBarTitleText":"uni-app"

2.icon的修改

2.1 在static中新建一个index.html文件作为模板文件,并且将你的icon图片也放在static文件夹下

2.2 在index.html文件中加入如下代码(记得icon文件就是你放在static文件夹下的图片,我这里举例为logo1.jpg)
<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><link rel="icon" href="<%= BASE_URL %>static/logo1.png"><link rel="stylesheet" href="<%= BASE_URL %>static/index.css" /><meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"></head><body><noscript><strong>Please enable JavaScript to continue.</strong></noscript><div id="app"></div></body><script type="text/javascript"></script>
</html>

2.3 同时要配置manifest.json下的h5


http://www.ppmy.cn/news/1563812.html

相关文章

【汇编器和编译器的区别】

汇编器&#xff08;Assembler&#xff09; 和 编译器&#xff08;Compiler&#xff09; 都是程序开发过程中将高级或低级代码转换为机器可执行代码的工具&#xff0c;但它们的功能和工作原理有所不同。以下是它们之间的主要区别&#xff1a; 1. 作用对象 汇编器&#xff08;Ass…

《鸿蒙Next旅游应用:人工智能赋能个性化与智能导览新体验》

随着鸿蒙Next的推出&#xff0c;旅游应用迎来了全新的发展机遇&#xff0c;借助人工智能技术能为用户带来更出色的个性化推荐和智能导览服务。 鸿蒙Next与人工智能融合优势 鸿蒙Next拥有强大的分布式能力和原生智能体验。其能打破设备界限&#xff0c;实现多设备协同&#xf…

Linux入门——权限

shell命令以及运行原理 Linux严格意义上说的是一个操作系统&#xff0c;我们称之为“核心&#xff08;kernel&#xff09;“ &#xff0c;但我们一般用户&#xff0c;不能直接使用kernel。 而是通过kernel的“外壳”程序&#xff0c;也就是所谓的shell&#xff0c;来与kernel…

microPython搭建webServer--(一)使用microdot库实现基本页面显示

1. 准备工作 硬件&#xff1a;esp32s3 软件&#xff1a;MicroPython v1.24.1&#xff0c;使用thonny编程。microdot库可以到github或者gitee下载&#xff0c;只需要microdot.py就可以了。 2. 热点 将esp32作为热点&#xff0c;手机连接该热点后访问默认页面 import network…

【PGCCC】PostgreSQL 临时文件的使用

临时文件 某些查询操作&#xff08;例如sort或hash表&#xff09;需要一些内存功能。此内存由运行时配置提供work_mem。 来自官方文档work_mem work_mem (整数) 设置在写入临时磁盘文件之前查询操作&#xff08;例如排序或哈希表&#xff09;使用的基本最大内存量。 请注意&…

Eclipse插件开发二:初识hello word的配置信息

在之前的文章中&#xff0c;我们创建了一个例子&#xff0c;现在我们来认识这个例子。 Eclipse插件开发一&#xff1a;hello word 以下是目录结构&#xff0c;主要有一个java类&#xff0c;一个MANIFEST.MF配置&#xff0c;一个plugin.xml配置 1.MANIFEST.MF MANIFEST.MF 文…

19. 删除链表的倒数第 N 个结点【力扣】

删除链表的倒数第 N 个结点 给你一个链表&#xff0c;删除链表的倒数第 n 个结点&#xff0c;并且返回链表的头结点。 示例 1&#xff1a; 输入&#xff1a;head [1,2,3,4,5], n 2 输出&#xff1a;[1,2,3,5] 示例 2&#xff1a; 输入&#xff1a;head [1], n 1 输出&…

【网络云SRE运维开发】2025第3周-每日【2025/01/15】小测-【第14章ospf高级配置】理论和实操解析

文章目录 14.1 选择题解题思路和参考答案14.2 理论题解题思路和参考答案14.3 实操题解题思路和参考答案思科&#xff08;Cisco&#xff09;设备华为&#xff08;Huawei&#xff09;设备小米/锐捷&#xff08;或其他支持标准CLI命令的设备&#xff09;通过网络管理工具注意事项 …