uniapp 设置ios safri浏览器添加到主屏幕自定义图片及名称

最新推荐文章于 2024-08-23 19:13:10 发布

gaoqiang1112

最新推荐文章于 2024-08-23 19:13:10 发布

阅读量1.6k

点赞数 1

分类专栏： uniapp safri保存桌面文章标签： uni uniapp safri保存桌面 ios h5 保存桌面

本文链接：https://blog.csdn.net/gaoqiang1112/article/details/108490299

版权

uniapp 同时被 2 个专栏收录

14 篇文章 0 订阅

订阅专栏

safri保存桌面

1 篇文章 0 订阅

订阅专栏

废话不多说直接上代码

1 正常uni项目是没有基础html页面的所以我们需要使用h5的 template.html进行处理官方是给大家用来添加百度统计等第三方插件使用的

文档地址 https://uniapp.dcloud.io/collocation/manifest?id=h5-template

2 以下是从 uni例子中粘贴出来的

<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
		<meta name="apple-mobile-web-app-title" content="测试测试">
		<link rel="apple-touch-icon" href="<%= BASE_URL %>static/image/favicon.ico" >
		<!-- 正式发布的时候使用，开发期间不启用。↓ -->
        <!-- <script src="/h5/touch-emulator.js"></script>
		<script>
            TouchEmulator();
			if (document.documentElement.clientWidth > 1024) {
				window.location.href = '/h5/pcguide.html#'+location.pathname+location.search;
			}
		</script>
        <style>
            ::-webkit-scrollbar{
                display: none;
            }
        </style>
        <script>
            var _hmt = _hmt || [];
            (function() {
                var hm = document.createElement("script");
                hm.src = "https://hm.baidu.com/hm.js?";// 百度统计key
                var s = document.getElementsByTagName("script")[0];
                s.parentNode.insertBefore(hm, s);
            })();
        </script> -->
        <!-- 正式发布的时候使用，开发期间不启用。↑ -->
		<script>
			document.addEventListener('DOMContentLoaded', function() {
				document.documentElement.style.fontSize = document.documentElement.clientWidth / 20 + 'px'
			})
		</script>
		<link rel="stylesheet" href="<%= BASE_URL %>static/index.css" />
	</head>
	<body>
		<!-- 该文件为 H5 平台的模板 HTML，并非应用入口。 -->
		<!-- 请勿在此文件编写页面代码或直接运行此文件。 -->
		<!-- 详见文档：https://uniapp.dcloud.io/collocation/manifest?id=h5-template -->
		<noscript>
			<strong>Please enable JavaScript to continue.</strong>
		</noscript>
		<div id="app"></div>
		<!-- built files will be auto injected -->
		<script>
			/*BAIDU_STAT*/
		</script>
	</body>
</html>

3 核心就是

<meta name="apple-mobile-web-app-title" content="测试测试">
<link rel="apple-touch-icon" href="<%= BASE_URL %>static/image/favicon.ico" >

4 删除默认模版带的 title的设置否则还是会自动覆盖

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

这样就大功告成了

gaoqiang1112

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

uniapp 设置ios safri浏览器 添加到主屏幕 自定义图片及名称

uniapp 设置ios safri浏览器添加到主屏幕自定义图片及名称