正文

WPF中如何轻松实现与JavaScript函数的交互

/0 浏览量
0703

在WPF（Windows Presentation Foundation）中，与JavaScript函数的交互可以通过多种方式实现。以下是一些常用的方法，帮助你轻松地在WPF应用程序中调用JavaScript代码。

1. 使用WebBrowser控件

WPF中的WebBrowser控件可以嵌入一个网页，并在其中运行JavaScript代码。通过这种方式，你可以与网页中的JavaScript函数进行交互。

示例代码：

<Window x:Class="WpfApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <WebBrowser x:Name="webBrowser" NavigationFailed="webBrowser_NavigationFailed" />
</Window>

private void webBrowser_NavigationFailed(object sender, NavigationFailedEventArgs e)
{
    MessageBox.Show("Navigation failed: " + e.Exception.Message);
}

private void SomeMethod()
{
    string url = "https://www.example.com";
    webBrowser.Navigate(url);
    // 等待页面加载完成
    Thread.Sleep(5000);
    // 调用JavaScript函数
    webBrowser.InvokeScript("CallJavaScriptFunction");
}

2. 使用JavaScript互操作（JSI）

JavaScript互操作（JSI）是另一种实现WPF与JavaScript交互的方法。通过JSI，你可以直接在C#代码中调用JavaScript函数。

示例代码：

<Window x:Class="WpfApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <Button Content="Call JavaScript" Click="Button_Click" />
    </Grid>
</Window>

private void Button_Click(object sender, RoutedEventArgs e)
{
    // 调用JavaScript函数
    webBrowser.InvokeScript("CallJavaScriptFunction");
}

function CallJavaScriptFunction()
{
    alert("JavaScript function called from WPF!");
}

3. 使用HTML5 Canvas

HTML5 Canvas可以让你在网页上绘制图形。通过在WPF中使用Canvas控件，你可以与Canvas上的JavaScript函数进行交互。

示例代码：

<Window x:Class="WpfApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <WebBrowser x:Name="webBrowser" NavigationFailed="webBrowser_NavigationFailed" />
</Window>

private void SomeMethod()
{
    string url = "https://www.example.com";
    webBrowser.Navigate(url);
    // 等待页面加载完成
    Thread.Sleep(5000);
    // 调用Canvas上的JavaScript函数
    webBrowser.InvokeScript("CallCanvasFunction");
}

function CallCanvasFunction()
{
    var canvas = document.getElementById("canvas");
    var ctx = canvas.getContext("2d");
    ctx.fillStyle = "red";
    ctx.fillRect(10, 10, 100, 100);
}

总结

通过以上方法，你可以在WPF应用程序中轻松实现与JavaScript函数的交互。根据实际需求，选择合适的方法来实现你的功能。

-- 展开阅读全文 --