C# Hyperlink跳转本地HTML时URL参数丢失及传参问题求解

两个核心逻辑错误导致参数传递失败：

• 直接在本地磁盘绝对路径后拼接?key=value格式的查询串时，Windows Shell默认按本地文件规则解析路径，会自动把?及后续内容识别为非法文件名字符截断，和XAML中NavigateUri的固定值无关。
• Process.Start(ProcessStartInfo)构造函数的第二个参数是传递给浏览器进程的命令行启动参数，不属于网页可访问的上下文，前端JS无权读取浏览器进程的启动参数，自然拿不到你传入的coords值。

方案1：修正URL格式（成本最低，适合简单参数传递） #

不要直接拼接裸文件路径，先把本地路径转为标准file协议URI对象后再拼接查询参数，同时显式开启Shell执行，避免系统按本地文件规则截断参数。
C# 后台代码修正：

private void Hyperlink_RequestNavigate(object sender, RequestNavigateEventArgs e)
{
    UriBuilder uriBuilder = new UriBuilder(e.Uri);
    // 对参数做URL编码，避免空格、特殊字符导致URL截断
    uriBuilder.Query = $"coord1={Uri.EscapeDataString(coord1.ToString())}&coord2={Uri.EscapeDataString(coord2.ToString())}";
    string targetUrl = uriBuilder.Uri.AbsoluteUri;
    
    ProcessStartInfo psi = new ProcessStartInfo
    {
        FileName = targetUrl,
        UseShellExecute = true
    };
    Process.Start(psi);
    e.Handled = true;
}

HTML 端参数接收代码：

<script>
window.addEventListener('load', () => {
    const searchParams = new URLSearchParams(window.location.search);
    const coord1 = searchParams.get('coord1');
    const coord2 = searchParams.get('coord2');
    // 拿到坐标后直接执行业务逻辑即可
    console.log('接收坐标：', coord1, coord2);
})
</script>

注意：如果需要兼容IE等老旧浏览器，可替换为正则解析window.location.search的方式提取参数，现代Chrome、Edge、WebView2均原生支持URLSearchParams。

方案2：本地文件中转（适合大体积、多参数传递） #

如果传递的参数较多、内容较长，拼URL容易出现长度限制或转义问题，可先将参数序列化为JSON文件，存放在HTML文件同目录下，页面加载时主动读取该文件获取参数。
C# 端写参数文件：

private void Hyperlink_RequestNavigate(object sender, RequestNavigateEventArgs e)
{
    string htmlFolder = Path.GetDirectoryName(e.Uri.LocalPath);
    string paramFile = Path.Combine(htmlFolder, "page_params.json");
    // 序列化坐标参数写入文件
    string paramContent = System.Text.Json.JsonSerializer.Serialize(new
    {
        coord1 = coord1,
        coord2 = coord2
    });
    File.WriteAllText(paramFile, paramContent);
    
    // 直接打开目标HTML，无需拼接参数
    Process.Start(new ProcessStartInfo(e.Uri.AbsoluteUri) { UseShellExecute = true });
    e.Handled = true;
}

HTML 端读取参数：

<script>
window.addEventListener('load', async () => {
    try {
        const resp = await fetch('./page_params.json');
        const params = await resp.json();
        console.log('文件接收坐标：', params.coord1, params.coord2);
    } catch (err) {
        console.error('参数读取失败', err);
    }
})
</script>

方案3：本地HTTP服务托管（最稳定，无本地协议限制） #

如果后续页面需要加载更多本地资源、调用接口，可在C#端启动一个极简本地HTTP监听，绑定空闲端口托管HTML目录，通过http://localhost:端口的地址访问页面，这种模式和普通线上网页逻辑完全一致，不会出现file协议下的参数截断、跨域限制问题，参数传递和普通网页URL传参逻辑完全相同。

适合功能复杂、后续扩展较多的场景。

内容的提问来源于stack exchange，提问作者Marcus