【Unity开发小技巧】UnityWebGL打包本地浏览器运行查看

这篇具有很好参考价值的文章主要介绍了【Unity开发小技巧】UnityWebGL打包本地浏览器运行查看。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

目录

一.前言:

二.WebGL打包

三.配置web.config(重要)

四.部署IIS

 五.测试


一.前言:

正常打包WebGL后在浏览器直接运行会报以下这个错:

It seems your browser does not support running Unity WebGL content from file:// urls. Please upload it to an http server, or try a different browser.

无法打开本地链接,需把网页发布成可打开的网址放在服务器上,其实就是一个跨域的问题。我们通过部署IIS服务把本机当做服务器,配置到打包后的路径就能正常在本地浏览器打开运行

二.WebGL打包

下载安装WebGL平台的支持包后在工程里面切换平台,然后直接build即可。

可能会提示,我们需要在OtherSetting里面设置颜色空间的类型改为Gamma即可

【Unity开发小技巧】UnityWebGL打包本地浏览器运行查看

 【Unity开发小技巧】UnityWebGL打包本地浏览器运行查看

【Unity开发小技巧】UnityWebGL打包本地浏览器运行查看

注意:webGLDecompressionFallback这个属性一定要勾选不然最后还是打不开

 【Unity开发小技巧】UnityWebGL打包本地浏览器运行查看

 【Unity开发小技巧】UnityWebGL打包本地浏览器运行查看

三.配置web.config(重要)

配置文件下载: https://download.csdn.net/download/qq_37310110/87960871

把配置文件放在发布文件夹的根目录即可:

【Unity开发小技巧】UnityWebGL打包本地浏览器运行查看

 

四.部署IIS

如果之前没有启动过iis就需要重新启动一下参考:https://blog.csdn.net/qq_37310110/article/details/131437081?spm=1001.2014.3001.5501

创建新的网站:主要是设置一下物理路径也就是我们在unity打包的输出路径,另外设置一下端口号确定未被占用。

【Unity开发小技巧】UnityWebGL打包本地浏览器运行查看

 五.测试

在浏览器输入127.0.0.1:85;

【Unity开发小技巧】UnityWebGL打包本地浏览器运行查看文章来源地址https://www.toymoban.com/news/detail-505790.html

到了这里,关于【Unity开发小技巧】UnityWebGL打包本地浏览器运行查看的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Unity 2021 打包WebGL之后,用火狐浏览器打开报错,报错信息:Uncaught ReferenceError: Runtime is not defined

    Unity 发布WebGL,使用火狐浏览器打开报错 报错信息:Uncaught ReferenceError: Runtime is not defined 查找了半天的原因,发现是使用网络通讯的问题 参考网址:https://stackoverflow.com/questions/70411564/unity-webgl-throws-error-referenceerror-runtime-is-not-defined 发现如果不是使用WebSocket写的话,会不知道如

    2024年02月05日
    浏览(41)
  • 电脑技巧:Microsoft Edge浏览器技巧介绍

    目录 1、导入浏览器数据 2、Edge边栏 3、实用的扩展功能 4、创建集锦列表 4.1 集锦的作用 4.2 使用方法 5、查找优惠券 6、Edge效率省电模式 Microsoft Edge是Windows10操作系统预装的一款非常棒的浏览器和之前的IE不同,采用了谷歌浏览器内核,相比之前的版本好用了很多,今天给大

    2024年02月05日
    浏览(44)
  • edge浏览器插件打包安装到谷歌浏览器上

    没有安装插件的浏览器不能算的上是一个浏览器,众所周知的原因谷歌无法打开,所有也就无法安装谷歌应用商店的插件,但是Edge浏览器是可以安装访问插件,又因为egde浏览器用的是谷歌的内核,所有大部分的Edge浏览器插件在谷歌上一样是可以使用的。下面就来看一下怎么

    2024年02月13日
    浏览(49)
  • 善用浏览器的一些调试技巧

    $0 是指当鼠标点击 Element 面板的某个 dom 元素后,console 里 $0 变量会自动指向该 dom 元素对象 __vue__ 是指 vue 框架会往 vue 组件 $mount 挂载的 dom 元素对象上添加一个 __vue__ 变量来指向当前 vue 组件 这意味我们可以直接在 console 面板里拿到任意 vue 组件实例对象: 可以查看对象内

    2024年02月04日
    浏览(38)
  • Chrome浏览器断点调试技巧

    某些情况下,我们必须知道当前代码的执行顺序,以及每一步变量的执行状态来确定代码是否正确按照我们意愿执行。 此时使用断点调试是非常明智的选择。 使用断点调试的第一步,我们需要打开控制台,选择sources,并点击需要调试的文件。 此时在右侧面板可以看到调试操

    2024年02月06日
    浏览(38)
  • 谷歌浏览器打包扩展程序和导入扩展程序

    需求: 由于FQ限制,无法使用谷歌商店,现需将已安装的谷歌浏览器插件打包,发给其他人的电脑,加载该插件。 一、打包扩展程序 (1)打开谷歌浏览器 - 点击右上方设置按钮 - 更多工具 - 扩展程序(或直接输入:chrome://extensions/),得到下图: (2)图中“捕捉网页截图”

    2024年02月04日
    浏览(38)
  • 只需浏览器!在线完成Flutter从编程到打包全过程

    本文作者:林梓泓 云端 IDE 是基于云的集成开发环境,开发人员可以 远程编写运行和调试代码 ,无需本地安装,仅通过浏览器即可开发软件。 与传统本地开发相比,云端开发环境主要有以下的优势: 快速启动项目进入开发状态,无需进行繁琐的环境配置 可根据项目需求灵

    2024年02月05日
    浏览(30)
  • selenium 调用本地浏览器插件

    本文所有教程及源码、软件仅为技术研究。不涉及计算机信息系统功能的删除、修改、增加、干扰,更不会影响计算机信息系统的正常运行。不得将代码用于非法用途,如侵立删! selenium 使用本地浏览器插件 环境 win10 Python3.9 selenium 4.10 查看chrome配置文件路径 地址栏输入 ​

    2024年02月09日
    浏览(57)
  • JAVA使用selenium实现后台浏览器截图(含代码+docker打包)

    最近接到一个特殊需求,需要每天定时截图某网站首页,保存备查,因此使用JAVA实现了后台截图。 下面是完整的方法。 JAVA实现浏览器截图,浏览器选用的是chrome,使用selenium-java依赖。selenium可以帮助我们调用浏览器,完成想要的功能。 由于是后台截图,不需要显示界面,

    2024年03月13日
    浏览(32)
  • 浏览器获取本地IP地址(不是浏览器的url地址的ip)

    浏览器输入: edge://flags/#enable-webrtc-hide-local-ips-with-mdns Anonymize local IPs exposed by WebRTC 状态改为disable JS方法: function f() { if(typeof window != \\\'undefined\\\'){ var RTCPeerConnection = window.RTCPeerConnection || window.mozRTCPeerConnection || window.webkitRTCPeerConnection; var rtc = new RTCPeerConnection() rtc.createDataChannel(\\\'\\\'

    2024年02月02日
    浏览(45)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包