C#使用Microsoft Edge WebView2記錄-有解無憂

一、C#和JS互相呼叫

1、js呼叫C#

C#代碼如下：

webView.CoreWebView2.AddHostObjectToScript("webBrowserObj", new ScriptCallbackObject());

await webView.CoreWebView2.AddScriptToExecuteOnDocumentCreatedAsync("var webBrowserObj= window.chrome.webview.hostObjects.webBrowserObj;");

像網頁里面注入變數，這樣網頁呼叫時候不用每次寫window.chrome.webview.hostObjects.webBrowserObj呼叫，最主要的是為了兼容之前cef里面Js的寫法，

    [ClassInterface(ClassInterfaceType.AutoDual)]
    [ComVisible(true)]
    /// <summary>
    /// 網頁呼叫C#方法
    /// </summary>
    public class ScriptCallbackObject
    {
        public string UserName { get; set; } = "我是C#屬性";

        public void ShowMessage()
        {
            MessageBox.Show("網頁呼叫C#");
        }

        public void ShowMessageArg(string arg)
        {
            MessageBox.Show("【網頁呼叫C#】:" + arg);
        }

        public string GetData(string arg)
        {
            return "【網頁呼叫C#獲取資料】;" + arg;
        }

        [System.Runtime.CompilerServices.IndexerName("Items")]
        public string this[int index]
        {
            get { return m_dictionary[index]; }
            set { m_dictionary[index] = value; }
        }
        private Dictionary<int, string> m_dictionary = new Dictionary<int, string>();        
    }

JS呼叫如下;

function callCsharp2() {

var data2 = $("#txtArg").attr("value"); //大坑值不會時刻變化
// alert(data2);
var data = https://www.cnblogs.com/ColorsWin/p/$("#txtArg").val();

window.chrome.webview.hostObjects.webBrowserObj.ShowMessageArg(data);
//window.chrome.webview.postMessage(data);
};

async function callCsharp3() {
   var data = https://www.cnblogs.com/ColorsWin/p/$("#txtArg").val();
   var result = await webBrowserObj.GetData(data);
    alert(result);
};

async function callCsharp4() { 

            const propValue = await webBrowserObj.UserName;
            console.log(propValue);
            alert(propValue);
};

2、C#呼叫JS

        private void callJS_Click(object sender, RoutedEventArgs e)
        {
            webView.CoreWebView2.ExecuteScriptAsync("ShowMessage()");          
        }

        private void callJSArg_Click(object sender, RoutedEventArgs e)
        {
            webView.CoreWebView2.ExecuteScriptAsync($"ShowMessageArg('{txtArg.Text}')");
        }

        private async void callJSGetData_Click(object sender, RoutedEventArgs e)
        {
            var jsResult = await webView.CoreWebView2.ExecuteScriptAsync($"GetData('{txtArg.Text}')");
            if (!string.IsNullOrEmpty(jsResult))
            {
                MessageBox.Show(jsResult);
            }            
        }

js里面的代碼

 //2、C#呼叫網頁
        var jsVar = '123';
        function Hello() {
            alert('呼叫Js' + jsVar);
        };

        function ShowMessage() {
            alert('我是網頁');
        };
        function ShowMessageArg(arg) {
            alert('【我是網頁訊息框】' + arg);
        };
        function GetData(arg) {
            return '【我是網頁回傳給你】:' + arg;
        };

二、縮放問題

webView.CoreWebView2.Settings.IsZoomControlEnabled = false;

只能禁止滑鼠縮放，不能禁止手勢縮放，見問題

另外觸摸到底部門的時候有彈跳，暫時也無法解決，

轉載請註明出處，本文鏈接：https://www.uj5u.com/net/263155.html

標籤：C#

上一篇：C# Lambda運算式詳解，及Lambda運算式樹的創建

下一篇：康威生命游戲（細胞自動機）C# 控制臺