c# 怎么调用js方法

C# 调用 JavaScript 方法：通过 WebView、浏览器控件、SignalR

在C#中调用JavaScript方法的方式有多种，主要包括通过WebView控件、通过浏览器控件、通过SignalR的实时通信。接下来将详细介绍如何使用这几种方法来实现C#调用JavaScript方法。

一、通过 WebView 控件

什么是 WebView 控件

WebView 是一种在应用程序中嵌入浏览器的控件，可以在应用程序内部显示网页内容。通过 WebView 控件，我们可以在 C# 代码中执行 JavaScript 方法。

实现步骤

添加 WebView 控件

在 WPF 应用程序中，可以通过 XAML 文件添加 WebView 控件。例如：

<Window x:Class="WpfApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <WebBrowser Name="webView" />
    </Grid>
</Window>

加载网页内容

在 C# 代码中，加载需要显示的网页内容。例如：

public MainWindow()
{
    InitializeComponent();
    webView.Navigate(new Uri("https://www.example.com"));
}

调用 JavaScript 方法

使用 WebView 控件的 InvokeScript 方法来调用 JavaScript 方法。例如：

private void CallJavaScriptMethod()
{
    webView.InvokeScript("eval", new string[] { "alert('Hello from C#');" });
}

二、通过浏览器控件

什么是浏览器控件

浏览器控件是一种在应用程序中嵌入浏览器的控件，可以在应用程序内部显示网页内容。与 WebView 控件类似，浏览器控件也可以在 C# 代码中执行 JavaScript 方法。

实现步骤

添加浏览器控件

在 WinForms 应用程序中，可以通过设计器或代码添加浏览器控件。例如：
```
WebBrowser webBrowser = new WebBrowser();
this.Controls.Add(webBrowser);
webBrowser.Dock = DockStyle.Fill;
```
加载网页内容

在 C# 代码中，加载需要显示的网页内容。例如：
```
webBrowser.Navigate("https://www.example.com");
```

调用 JavaScript 方法

使用浏览器控件的 Document.InvokeScript 方法来调用 JavaScript 方法。例如：

private void CallJavaScriptMethod()
{
    webBrowser.Document.InvokeScript("eval", new object[] { "alert('Hello from C#');" });
}

三、通过 SignalR 实时通信

什么是 SignalR

SignalR 是一个用于在 ASP.NET 应用程序中添加实时 Web 功能的库。通过 SignalR，我们可以在 C# 代码中调用 JavaScript 方法，实现实时通信。

实现步骤

创建 SignalR Hub

在 ASP.NET 应用程序中，创建一个 SignalR Hub。例如：

public class MyHub : Hub
{
    public void CallJavaScriptMethod()
    {
        Clients.All.SendAsync("ReceiveMessage", "Hello from C#");
    }
}

在 JavaScript 中连接 SignalR Hub

在网页中，使用 JavaScript 代码连接 SignalR Hub。例如：

const connection = new signalR.HubConnectionBuilder()
    .withUrl("/myHub")
    .build();
connection.on("ReceiveMessage", function (message) {
    alert(message);
});
connection.start().catch(function (err) {
    return console.error(err.toString());
});

在 C# 代码中调用 JavaScript 方法

使用 SignalR 的 Invoke 方法来调用 JavaScript 方法。例如：

public async Task CallJavaScriptMethod()
{
    var connection = new HubConnectionBuilder()
        .WithUrl("https://www.example.com/myHub")
        .Build();
    await connection.StartAsync();
    await connection.InvokeAsync("ReceiveMessage", "Hello from C#");
}

四、通过 WebView2 控件

什么是 WebView2 控件

WebView2 是微软推出的一种基于 Edge (Chromium) 的控件，它提供了更现代化的网页浏览和交互体验。通过 WebView2 控件，我们可以在 C# 代码中执行 JavaScript 方法。

实现步骤

安装 WebView2 控件

在 Visual Studio 中，通过 NuGet 包管理器安装 Microsoft.Web.WebView2 包。

添加 WebView2 控件

在 WPF 应用程序中，可以通过 XAML 文件添加 WebView2 控件。例如：

<Window x:Class="WpfApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:wv2="clr-namespace:Microsoft.Web.WebView2.Wpf;assembly=Microsoft.Web.WebView2.Wpf"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <wv2:WebView2 Name="webView2" />
    </Grid>
</Window>

加载网页内容

在 C# 代码中，加载需要显示的网页内容。例如：

public MainWindow()
{
    InitializeComponent();
    webView2.Source = new Uri("https://www.example.com");
}

调用 JavaScript 方法

使用 WebView2 控件的 ExecuteScriptAsync 方法来调用 JavaScript 方法。例如：

private async void CallJavaScriptMethod()
{
    await webView2.ExecuteScriptAsync("alert('Hello from C#');");
}

五、通过 CefSharp 控件

什么是 CefSharp 控件

CefSharp 是一个基于 Chromium 的浏览器控件，它提供了丰富的网页浏览和交互功能。通过 CefSharp 控件，我们可以在 C# 代码中执行 JavaScript 方法。

实现步骤

安装 CefSharp 控件

在 Visual Studio 中，通过 NuGet 包管理器安装 CefSharp.Wpf 包。

添加 CefSharp 控件

在 WPF 应用程序中，可以通过 XAML 文件添加 CefSharp 控件。例如：

<Window x:Class="WpfApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:cef="clr-namespace:CefSharp.Wpf;assembly=CefSharp.Wpf"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <cef:ChromiumWebBrowser Name="chromiumWebBrowser" />
    </Grid>
</Window>

加载网页内容

在 C# 代码中，加载需要显示的网页内容。例如：

public MainWindow()
{
    InitializeComponent();
    chromiumWebBrowser.Address = "https://www.example.com";
}

调用 JavaScript 方法

使用 CefSharp 控件的 EvaluateScriptAsync 方法来调用 JavaScript 方法。例如：

private async void CallJavaScriptMethod()
{
    await chromiumWebBrowser.EvaluateScriptAsync("alert('Hello from C#');");
}

六、实际应用场景

企业内部应用

在企业内部应用中，可能需要集成多种系统和工具，通过 C# 调用 JavaScript 方法可以实现不同系统之间的互操作。例如，在一个项目管理系统中，可以通过 C# 代码调用 JavaScript 方法来实时更新项目状态，推荐使用研发项目管理系统PingCode和通用项目协作软件Worktile来实现这一功能。

远程医疗系统

在远程医疗系统中，通过 C# 调用 JavaScript 方法可以实现实时通信和数据交换。例如，可以通过 SignalR 实现医生和患者之间的实时视频通话和数据共享。

智能家居控制系统

在智能家居控制系统中，通过 C# 调用 JavaScript 方法可以实现设备的远程控制和监控。例如，可以通过 WebView 控件在应用程序中嵌入网页界面，实时显示和控制智能设备的状态。

七、总结

通过本文的介绍，我们了解了在C#中调用JavaScript方法的多种方式，主要包括通过WebView控件、通过浏览器控件、通过SignalR的实时通信。每种方式都有其适用的场景和优势，可以根据实际需求选择合适的方式来实现C#调用JavaScript方法。无论是企业内部应用、远程医疗系统还是智能家居控制系统，通过C#调用JavaScript方法都可以实现不同系统和设备之间的互操作和实时通信。

c# 怎么调用js方法

一、通过 WebView 控件

什么是 WebView 控件

实现步骤

二、通过浏览器控件

什么是浏览器控件

实现步骤

三、通过 SignalR 实时通信

什么是 SignalR

实现步骤

四、通过 WebView2 控件

什么是 WebView2 控件

实现步骤

五、通过 CefSharp 控件

什么是 CefSharp 控件

实现步骤

六、实际应用场景

企业内部应用

远程医疗系统

智能家居控制系统

七、总结

相关问答FAQs：