将id为unity-container的div改为：
<div id="unity-container" style="width: 100%;height:100%"> <canvas id="unity-canvas" width=auto height=auto></canvas>
在if (/iPhone|iPad|iPod|Android/i.test(navigator.userAgent))的判断中添加：
canvas.style.width=window.innerWidth+'px';
canvas.style.height=window.innerHeight+'px';
else中修改为：
canvas.style.width = "100%";
canvas.style.height = "100%";
屏蔽底部id为unity-footer的div：
<!-- <div id="unity-footer"> <div id="unity-webgl-logo"></div> <div id="unity-fullscreen-button"></div> <div id="unity-build-title">GNSS_PC</div> </div> -->
注释文件中对unity-fullscreen-button的引用：
//var fullscreenButton = document.querySelector("#unity-fullscreen-button");
注释文件中对变量fullscreenButton的引用：
script.onload = () => {
createUnityInstance(canvas, config, (progress) => {
progressBarFull.style.width = 100 * progress + "%"; }).then((unityInstance) => {
loadingBar.style.display = "none"; // fullscreenButton.onclick = () => { // unityInstance.SetFullscreen(1); // }; }).catch((message) => {
alert(message); }); };
找到标签head下的title标签修改为想要设置的标题：
<head> <meta charset="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>自己要设置的标题</title> <link rel="shortcut icon" href="TemplateData/favicon.ico"> <link rel="stylesheet" href="TemplateData/style.css"></head>
标题中涉及中文时，修改语言为“zh-cn”:
<html lang="zh-cn">
<!DOCTYPE html><html lang="zh-cn"> <head> <meta charset="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>全球卫星导航系统</title> <link rel="shortcut icon" href="TemplateData/favicon.ico"> <link rel="stylesheet" href="TemplateData/style.css"> </head> <body> <div id="unity-container" style="width: 100%;height:100%"> <canvas id="unity-canvas" width=auto height=auto></canvas> <div id="unity-loading-bar"> <div id="unity-logo"></div> <div id="unity-progress-bar-empty"> <div id="unity-progress-bar-full"></div> </div> </div> <div id="unity-warning"></div> <!-- <div id="unity-footer"> <div id="unity-webgl-logo"></div> <div id="unity-fullscreen-button"></div> <div id="unity-build-title">GNSS_PC</div> </div> --> </div> <script> var container = document.querySelector("#unity-container"); var canvas = document.querySelector("#unity-canvas"); var loadingBar = document.querySelector("#unity-loading-bar"); var progressBarFull = document.querySelector("#unity-progress-bar-full"); //var fullscreenButton = document.querySelector("#unity-fullscreen-button"); var warningBanner = document.querySelector("#unity-warning"); function unityShowBanner(msg, type) {
function updateBannerVisibility() {
warningBanner.style.display = warningBanner.children.length ? 'block' : 'none'; }
var div = document.createElement('div'); div.innerHTML = msg; warningBanner.appendChild(div); if (type == 'error') div.style = 'background: red; padding: 10px;'; else {
if (type == 'warning') div.style = 'background: yellow; padding: 10px;'; setTimeout(function() {
warningBanner.removeChild(div); updateBannerVisibility(); }, 5000); }
updateBannerVisibility(); }
var buildUrl = "Build"; var loaderUrl = buildUrl + "/WebBuild.loader.js"; var config = {
dataUrl: buildUrl + "/WebBuild.data", frameworkUrl: buildUrl + "/WebBuild.framework.js", codeUrl: buildUrl + "/WebBuild.wasm", streamingAssetsUrl: "StreamingAssets", companyName: "DefaultCompany", productName: "GNSS_PC", productVersion: "0.1", showBanner: unityShowBanner, }; if (/iPhone|iPad|iPod|Android/i.test(navigator.userAgent)) {
// Mobile device style: fill the whole browser client area with the game canvas: var meta = document.createElement('meta'); meta.name = 'viewport'; meta.content = 'width=device-width, height=device-height, initial-scale=1.0, user-scalable=no, shrink-to-fit=yes'; document.getElementsByTagName('head')[0].appendChild(meta); container.className = "unity-mobile"; canvas.className = "unity-mobile"; // To lower canvas resolution on mobile devices to gain some // performance, uncomment the following line: // config.devicePixelRatio = 1; canvas.style.width=window.innerWidth+'px'; canvas.style.height=window.innerHeight+'px'; unityShowBanner('WebGL builds are not supported on mobile devices.'); } else {
// Desktop style: Render the game canvas in a window that can be maximized to fullscreen: canvas.style.width = "100%"; canvas.style.height = "100%"; }
loadingBar.style.display = "block"; var script = document.createElement("script"); script.src = loaderUrl; script.onload = () => {
createUnityInstance(canvas, config, (progress) => {
progressBarFull.style.width = 100 * progress + "%"; }).then((unityInstance) => {
loadingBar.style.display = "none"; // fullscreenButton.onclick = () => { // unityInstance.SetFullscreen(1); // }; }).catch((message) => {
alert(message); }); }; document.body.appendChild(script); </script> </body></html>