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

最新推荐文章于 2023-09-06 09:43:33 发布

gaoqiang1112

最新推荐文章于 2023-09-06 09:43:33 发布

阅读量1.4k

点赞数 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
评论
uniapp 设置ios safri浏览器添加到主屏幕自定义图片及名称

废话不多说直接上代码1 正常uni项目是没有基础html页面的所以我们需要使用h5的 template.html进行处理官方是给大家用来添加百度统计等第三方插件使用的文档地址https://uniapp.dcloud.io/collocation/manifest?id=h5-template2 以下是从 uni例子中粘贴出来的<!DOCTYPE html><html lang="zh-CN"> <head> <me...
复制链接

扫一扫