Unity2023.1.19_Embedded Browser-ZFBrowser插件

最新推荐文章于 2024-03-04 15:19:13 发布

Jennifer33K

最新推荐文章于 2024-03-04 15:19:13 发布

阅读量957

点赞数 18

分类专栏： Unity 文章标签： untiy

原文链接：https://blog.csdn.net/lengyoumo/article/details/133869194

版权

Unity 专栏收录该内容

33 篇文章 1 订阅

订阅专栏

Unity2023.1.19_Embedded Browser-ZFBrowser插件

官方说明文档可以仔细看一下：

ZFBrowser Documentation (zenfulcrum.com)

ZFBrowser插件的简单直接使用：

导入插件包资源，遵循常规导包原则即可；

抓取包文件夹下的预制体组件放入场景可以快速开始使用插件；

以Browser(GUI)为例，预制体上会挂载以下的几个重点组件和脚本，分别是：

Raw Image组件，浏览器组件Browser，虚拟鼠标交互组件 Pointer UIGUI，箭头光标显示组件 Cursor Renderer OS；

Browser变量：

自行添加对象并通过代码去打开一个网页：

using UnityEngine;
using ZenFulcrum.EmbeddedBrowser;

[RequireComponent(typeof(Browser))]
public class BrowserMessager : MonoBehaviour
{
    private Browser browser;

    // Start is called before the first frame update
    void Start()
    {
        browser = GetComponent<Browser>();

        //url打开一个网页
        browser.LoadURL("www.baidu.com",true);

        //打个一个html代码网页
        //browser.LoadHTML("<html><head><style>p{color: red;}</style></head><body><title>这是个html代码</title><p>开始一个html内容</p></body></html>");        

    }
}

输入框无法输入中文：

按下图方法修改PointerUIGUI的OnSelect函数，即可解决无法中文输入的问题；

Unity与JS互通信：

Unity组件中BrowserUrl指向前端Html代码；

运行控制显示如下：

C#代码中通过browser.RegisterFunction()注册函数，browser.CallFunction调用前端函数

using System.Collections;
using System.Collections.Generic;
using System.IO;
using UnityEngine;
using ZenFulcrum.EmbeddedBrowser;

[RequireComponent(typeof(Browser))]
public class BrowserMessager : MonoBehaviour
{
    private Browser browser;

    // Start is called before the first frame update
    void Start()
    {
        browser = GetComponent<Browser>();

        //网页完成加载时触发的事件
        browser.onLoad += (JSONNode jn) => {
            Debug.Log("浏览器完成加载");
        };


        //url打开一个网页
        //browser.LoadURL("https://www.baidu.com/", true);

        //打个一个html代码网页
        //browser.LoadHTML("<html><head><style>p{color: red;}</style></head><body><title>这是个html代码</title><p>开始一个html内容</p></body></html>");



        //browser.RegisterFunction("jsevent", args =>
        //{

        //     Args is an array of arguments passed to the function.
        //    args[n] is a JSONNode. When you use it, it will implicitly cast to the type at hand.
        //    Note that if, say, args[0] was a string instead of an integer we'd get default(int) above.
        //    See JSONNode.cs for more information.
        //    //int xPos = args[0];
        //    //int yPos = args[1];

        //      // js多参数输入
        //    Debug.Log(args.IsValid);
        //    Debug.Log((int)args[0]);
        //    Debug.Log(args[0]);
        //});


        //browser.RegisterFunction("testAgain", (JSONNode jk) =>
        //{
        //    Debug.Log(jk[0].Value);
        //});

        browser.RegisterFunction("jsevent", (JSONNode jv) =>
        {
            //Debug.Log(jv[0].Value); // 报错 InvalidJSONNodeException: Exception of type 'ZenFulcrum.EmbeddedBrowser.InvalidJSONNodeException' was thrown.
            Debug.Log((int)jv[0]);
        });

        browser.RegisterFunction("confirmClicked", args =>
        {            
            Debug.Log("Button clicked: " + args[0] + " val: " + (int)args[1]);

        });
    }

    // Update is called once per frame
    void Update()
    {    
        if (Input.GetKey(KeyCode.Space))
        {
            browser.CallFunction("unityevent", "Unity调用js函数-unity to js").Done();           
        }
    }   
    
}

html代码中包含一个按钮和绑定调用点击事件（函数调用unity的jsevent，参数前端调用指定），一个unity调用的函数（参数Unity调用指定）;

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
	<!-- 创建一个按钮，绑定方法"jsevent" -->
    <button type="button"  style="font-size: 30px;" onclick="jsevent()">点击按钮通信给unity</button>
    <br>
    <button style="font-size: 30px;" onclick="confirmClicked('button3', 13)">Confirm Things</button>
    <!-- <script type="text/javascript">
        function jsevent() 
        {
            console.log("传参,测试完成！！");           
		}

        function testAgain()
        {

        }
    </script> -->

    <script type="text/javascript">
    	//被unity调用的函数
		function unityevent(item) 
        {
			console.log("unity参数:" + item);
		}
    </script>

</body>
</html>

InvalidJSONNodeException是什么原因（至今不明）？

InvalidJSONNodeException: Exception of type 'ZenFulcrum.EmbeddedBrowser.InvalidJSONNodeException' was thrown.
ZenFulcrum.EmbeddedBrowser.JSONNode.Check () (at Assets/ZFBrowser/Scripts/JSONNode.cs:117)
ZenFulcrum.EmbeddedBrowser.JSONNode.get_Value () (at Assets/ZFBrowser/Scripts/JSONNode.cs:240)
BrowserMessager+<>c.<Start>b__1_1 (ZenFulcrum.EmbeddedBrowser.JSONNode jv) (at Assets/Scripts/BrowserMessager.cs:55)
ZenFulcrum.EmbeddedBrowser.Browser+<>c__DisplayClass155_0.<RegisterFunction>b__0 (ZenFulcrum.EmbeddedBrowser.JSONNode value, System.Boolean error) (at Assets/ZFBrowser/Scripts/Browser.cs:1062)
ZenFulcrum.EmbeddedBrowser.Browser+<>c__DisplayClass173_0.<CB_ForwardJSCallFunc>b__0 () (at Assets/ZFBrowser/Scripts/BrowserCallbacks.cs:64)
UnityEngine.Debug:LogException(Exception)
ZenFulcrum.EmbeddedBrowser.<>c__DisplayClass173_0:<CB_ForwardJSCallFunc>b__0() (at Assets/ZFBrowser/Scripts/BrowserCallbacks.cs:67)
ZenFulcrum.EmbeddedBrowser.Browser:ProcessCallbacks() (at Assets/ZFBrowser/Scripts/Browser.cs:1081)
ZenFulcrum.EmbeddedBrowser.Browser:LateUpdate() (at Assets/ZFBrowser/Scripts/Browser.cs:1116)

继续！！

Jennifer33K

关注

18
点赞
踩
11

收藏

觉得还不错? 一键收藏
0
评论
Unity2023.1.19_Embedded Browser-ZFBrowser插件

html代码中包含一个按钮和绑定调用点击事件（函数调用unity的jsevent，参数前端调用指定），一个unity调用的函数（参数Unity调用指定）;Raw Image组件，浏览器组件Browser，虚拟鼠标交互组件 Pointer UIGUI，箭头光标显示组件 Cursor Renderer OS；C#代码中通过browser.RegisterFunction()注册函数，browser.Unity组件中BrowserUrl指向前端Html代码；导入插件包资源，遵循常规导包原则即可；
复制链接

扫一扫