C#执行Javascript代码的几种方法归纳

在C#中执行JavaScript代码可以通过多种方法实现，以下是几种常见的方法：

1、使用WebBrowser控件

：Windows Forms 中的 WebBrowser 控件允许你在 Windows 窗体应用程序中嵌入一个 web 浏览器，你可以通过这个控件来加载和执行 HTML、CSS 和 JavaScript 代码。

示例：创建一个 Windows Forms 应用程序，然后在表单上添加一个 WebBrowser 控件，你可以使用 Navigate 方法来加载包含 JavaScript 的 HTML 页面，或者使用 DocumentText 属性直接设置包含 JavaScript 的 HTML 内容。

优点：简单易用，适用于需要在桌面应用程序中显示网页内容的场景。

缺点：功能有限，对于复杂的 JavaScript 代码可能无法完全支持。

2、使用JavaScript引擎

：一些第三方库提供了 JavaScript 引擎，可以在 C# 中执行 JavaScript 代码，V8 是一个开源的 JavaScript 引擎，你可以使用它来解析和执行 JavaScript 代码。

示例：使用 V8 引擎的 C# 封装库，如 v8.net，你需要安装 v8.net 库，然后可以使用该库提供的方法来执行 JavaScript 代码，以下是一个示例代码：

using System;
using V8;
class Program
{
    static void Main()
    {
        // 初始化 V8 引擎
        using (V8Engine engine = new V8Engine())
        {
            // 创建一个新的上下文
            using (V8Context context = new V8Context(engine))
            {
                // 执行 JavaScript 代码
                string script = "var x = 10; var y = 20; x + y;";
                V8Value result = context.Evaluate(script);
                Console.WriteLine("Result: " + result.AsNumber());
            }
        }
    }
}

优点：功能强大，可以执行复杂的 JavaScript 代码。

缺点：需要额外的库和依赖项，可能会增加项目的复杂性。

3、使用Node.js

：Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时环境，你可以在 C# 中使用 Node.js 来执行 JavaScript 代码。

示例：你可以使用 Process 类来启动 Node.js 进程，并传递 JavaScript 代码作为参数，以下是一个示例代码：

using System;
using System.Diagnostics;
class Program
{
    static void Main()
    {
        // 定义 JavaScript 代码
        string script = "console.log('Hello, World!');";
        // 启动 Node.js 进程
        ProcessStartInfo start = new ProcessStartInfo
        {
            FileName = "node",
            Arguments = script,
            UseShellExecute = false,
            RedirectStandardOutput = true,
            CreateNoWindow = true,
        };
        using (Process process = Process.Start(start))
        {
            using (System.IO.StreamReader reader = process.StandardOutput)
            {
                string result = reader.ReadToEnd();
                Console.WriteLine(result);
            }
        }
    }
}

优点：可以利用 Node.js 的强大功能和丰富的模块。

缺点：需要在系统中安装 Node.js，并且需要处理进程间通信和错误处理。

4、使用Bridge模式

：Bridge 模式是一种将 C# 和 JavaScript 代码进行桥接的方法，你可以使用 WebSocket 或其他通信机制来实现 C# 和 JavaScript 之间的通信。

示例：在 C# 端创建一个 WebSocket 服务器，然后在 JavaScript 端连接到该服务器并进行通信，以下是一个示例代码：

using System;
using System.Net.WebSockets;
using System.Threading;
class Program
{
    static void Main()
    {
        // 创建 WebSocket 服务器
        var server = new WebSocketServer("ws://localhost:8080");
        server.Start();
        Console.WriteLine("WebSocket server started. Press Enter to exit.");
        Console.ReadLine();
    }
}
public class WebSocketServer
{
    private readonly string _url;
    private WebSocketListener _listener;
    public WebSocketServer(string url)
    {
        _url = url;
    }
    public void Start()
    {
        _listener = new WebSocketListener(_url);
        _listener.ConnectionReceived += OnConnectionReceived;
        _listener.Start();
    }
    private async void OnConnectionReceived(object sender, WebSocketConnectionReceivedEventArgs e)
    {
        using (WebSocket webSocket = await e.AcceptWebSocketAsync(null))
        {
            string message = await webSocket.ReceiveAsync(new ArraySegment<byte>(new byte[1024]), CancellationToken.None);
            Console.WriteLine("Received: " + message);
            await webSocket.SendAsync(new ArraySegment<byte>(Encoding.UTF8.GetBytes("Hello from C#"), 0, Encoding.UTF8.GetBytes("Hello from C#").Length), MessageType.Text, true, CancellationToken.None);
        }
    }
}

在 JavaScript 端，你可以使用 WebSocket API 连接到该服务器并进行通信，以下是一个示例代码：

const ws = new WebSocket('ws://localhost:8080');
ws.onopen = function() {
    ws.send('Hello from JavaScript');
};
ws.onmessage = function(event) {
    console.log('Received: ' + event.data);
};

优点：可以实现 C# 和 JavaScript 之间的实时通信。

缺点：需要处理网络通信和错误处理，并且需要在不同的环境中运行 C# 和 JavaScript 代码。

5、使用JavaScript引擎集成

：一些应用程序框架或库提供了 JavaScript 引擎集成的功能，可以在 C# 中直接执行 JavaScript 代码，Xamarin.Forms 提供了一个 JavaScript 引擎，可以在跨平台移动应用程序中使用。

示例：在 Xamarin.Forms 应用程序中，你可以使用 DependencyService 来注入 JavaScript 引擎，并在需要的地方执行 JavaScript 代码，以下是一个示例代码：

using Xamarin.Forms;
using Xamarin.Forms.Xaml;
[assembly: Xamarin.Forms.Dependency(typeof(JavaScriptEngine))]
namespace MyApp
{
    public partial class App : Application
    {
        public App()
        {
            InitializeComponent();
            MainPage = new MainPage();
        }
    }
}
public interface IJavaScriptEngine
{
    object EvaluateJavaScript(string script);
}
public class JavaScriptEngine : IJavaScriptEngine
{
    public object EvaluateJavaScript(string script)
    {
        // 在这里执行 JavaScript 代码
        return null; // 返回执行结果
    }
}

在 XAML 页面中，你可以使用 DependencyService 来获取 JavaScript 引擎的实例，并执行 JavaScript 代码，以下是一个示例代码：

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="MyApp.MainPage">
    <StackLayout>
        <Button Text="Run JavaScript" Clicked="OnRunJavaScriptClicked"/>
    </StackLayout>
</ContentPage>

using Xamarin.Forms;
using Xamarin.Forms.Xaml;
[XamlCompilation(XamlCompilationOptions.Compile)]
public partial class MainPage : ContentPage
{
    public MainPage()
    {
        InitializeComponent();
    }
    private async void OnRunJavaScriptClicked(object sender, EventArgs e)
    {
        var engine = DependencyService.Get<IJavaScriptEngine>();
        var result = await engine.EvaluateJavaScript("var x = 10; var y = 20; x + y;");
        await DisplayAlert("Result", result.ToString(), "OK");
    }
}

优点：可以在不同的平台上使用相同的代码，并且可以与应用程序的其他部分集成。

缺点：需要使用特定的框架或库，并且可能需要额外的配置和设置。

以下是两种关于C#执行JavaScript代码的方法的FAQs：

1、使用WebBrowser控件时如何调试JavaScript代码？

回答：在使用 WebBrowser 控件时，你可以通过浏览器的开发者工具来调试 JavaScript 代码，你可以右键点击网页上的任意位置，然后选择“检查”或“开发者工具”来打开开发者工具，在开发者工具中，你可以设置断点、查看变量值、执行单步操作等。

延伸问题：如何在C#中控制WebBrowser控件的开发者工具的显示和隐藏？

回答：在C#中，你可以通过调用 WebBrowser 控件的相关方法来控制开发者工具的显示和隐藏，你可以使用webBrowser1.ShowBrowserDevToolsWindow(true); 来显示开发者工具窗口，使用webBrowser1.ShowBrowserDevToolsWindow(false); 来隐藏开发者工具窗口。

注意事项：不同的浏览器可能有不同的开发者工具界面和操作方式，你可能需要根据具体的浏览器进行调整。

2、使用Node.js时如何传递参数给JavaScript代码？

回答：在使用 Node.js 时，你可以通过命令行参数或环境变量来传递参数给 JavaScript 代码，在 C# 中，你可以使用 ProcessStartInfo 类的 Arguments 属性来传递命令行参数，你可以在 ProcessStartInfo 的 Arguments 属性中添加--param1 value1 --param2 value2 来传递参数给 JavaScript 代码，在 JavaScript 代码中，你可以使用 process.argv 数组来获取命令行参数，你可以使用process.argv[2] 来获取第一个参数的值。