How do I clean up and unload a Unity WebGL canvas when changing page

Question

I\'ve got a problem on my web application when I am changing the current page after downloading and running a Unity WebGL game.

In fact, I know for sure

Answer 1

Unity 2019.1 provided proper way to Quit the webgl and release the memory(although it has failed in my testing, maybe i am wrong, please let me know it really works or not) :

• C#: call Application.Quit()
• JS: call unityInstance.Quit(callback)

You can use JS version like this

unityInstance.Quit(function() {
    console.log("done!");
});

For more please check Quit and memory cleanup

Answer 2

The solution is simple: load the WebGL unity in an iframe, this sandboxes the application.

When you're done with the unity app just remove the node of the iframe like:

var iframe=...;
iframe.parentNode.removeChild(iframe);

And it and all of it's resources should be instantly unloaded.

You can't communicate with the Unity player directly when you're in an iframe but you still can pass messages to and from it with postMessage.