You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
yudao/front-end/mall4uni/index.html

35 lines
1.7 KiB

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<!-- 设置文档字符编码为 UTF-8确保页面正确显示中文等多语言字符 -->
<meta name="renderer" content="webkit">
<!-- 强制使用 WebKit 渲染引擎,适用于某些浏览器(如 QQ 浏览器)以确保更好的兼容性 -->
<title>mall4uni-pro</title>
<!-- 页面标题,显示在浏览器标签上 -->
<script>
// 检查浏览器是否支持 CSS 的 `env()` 和 `constant()` 函数
// 这些函数用于适配 iPhone X 及以上机型的“安全区域”(如底部导航栏)
let coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'));
// 动态生成 viewport 元标签,设置页面的视口属性
// `viewport-fit=cover` 用于确保页面内容完全覆盖整个屏幕,避免出现空白区域
document.write(
'<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
(coverSupport ? ', viewport-fit=cover' : '') + '" />'
);
</script>
<!-- 预加载链接preload-links通常用于预加载关键资源提升页面加载速度 -->
<!--app-context-->
<!-- 此处可能是动态插入的应用上下文信息例如通过服务器端渲染SSR注入的数据 -->
</head>
<body>
<div id="app"><!--app-html--></div>
<!-- 主应用容器Vue 或其他前端框架的根元素将挂载在这里 -->
<script type="module" src="/src/main.js"></script>
<!-- 引入主 JavaScript 文件,使用 ES6 模块语法 (`type="module"`),确保代码模块化和更好的性能 -->
</body>
</html>