How to Execute Custom Functions Inside a WebView

In this example (Based on Code by DAN) we are defining a custom function that calls the window.history.back()
method inside the $webcontainer webview. Using the $agent.request API.

This method will be executed when the layer label is clicked. The $agent.response() is needed in order to continue the normal flow of events.

We are using Arrow Functions to simplify the syntax.

Tip: You can also trigger a reload using location.reload() or any JS browser function.

Note: Note that we are not using templates ({}).

{
  "$jason": {
    "head": {
      "title": "History Go Back",
      "description": "Triggers a History Back on Button Press",
      "actions": {
        "navigate_back": {
          "type": "$agent.request",
          "options": {
            "id": "$webcontainer",
            "method": "(() => window.history.back(); $agent.response();)"
          }
        }
      }
    },
    "body": {
      "layers": [
        {
          "type": "label",
          "text": "<",
          "style": {
            "size": "45",
            "top": "100%-50",
            "left": "0",
            "align": "center",
            "width": "20%",
            "color": "#ffffff",
            "background": "#2C2C2C"
          },
          "action": {
            "trigger": "navigate_back"
          }
        }
      ],
      "background": {
        "type": "html",
        "url": "https://www.google.com",
        "action": {
          "type": "$default"
        }
      }
    }
  }
}