美文网首页IT.技术分享
跟我一起从零开始学习WebAssembly(六)、常见问题之&q

跟我一起从零开始学习WebAssembly(六)、常见问题之&q

作者: 5de9e117f2fe | 来源:发表于2019-07-09 16:05 被阅读0次

参考来源:Why does my program stall in “Downloading…” or “Preparing…”?
如图,如果使用的是chrome浏览器:

准备
在我们前面的文章中,没有该问题,是因为我使用的浏览器是Edge。
那么为什么会有这些问题呢。下面我们来解释一下:
使用file://URL(如我们前面使用的:file:///D:/WebAssembly/TestHello/hello3/hello3.html) 加载页面时可能会发生这种情况。这适用于某些浏览器(如Firefox),但不适用于其他浏览器(如Chrome)。相反,最好使用网络服务器。
启动本地服务器我们有两种方式:
  • 首先进入到我们html文件目录。
  • cmd命令行输入命令:
    • 1、node 方式 :
    emrun --no_browser --port 8080 .
    
    • 2、python 方式:
    python -m SimpleHTTPServer 8080 .
    
    注意有个点".",其实就是我们要启动的根路径,点"."代表当前目录,也可以写上其他路径(绝对路径和相对路径都经)

示例

  • 1、启动cmd命令工具。
  • 2、进入我们要启动的目录,我们演示的目录是:D:\WebAssembly\TestHello\hello3
    启动目录
  • 3、输入启动服务器命令:
emrun --no_browser --port 8080 .
启动效果
  • 4、在浏览器里面打开我们的html文件,打开chrome浏览器,输入以下地址地址
localhost:8080/hello3.html

效果如图:对比我们文章开头的图片,看看是不是就正常了

启动效果
否则,要对其进行调试,请查找页面本身或浏览器devtools(Web控制台和网络选项卡)或Web服务器日志记录中报告的错误。
综上所述,为了不引起不必要的错误,且正常情况下,我们都采用这种方式,即使是浏览器不报错。

相关文章

网友评论

    本文标题:跟我一起从零开始学习WebAssembly(六)、常见问题之&q

    本文链接:https://www.haomeiwen.com/subject/jtzxkctx.html