ASP.NET MVC项目中强制用Firefox打开URL并嵌入Edge/Chrome视图

需求说明 #

我有一个ASP.NET MVC项目，需要实现以下功能：

• 在.cshtml视图中打开某一特定URL时，强制仅通过Firefox浏览器打开——即使用户当前使用Edge/Chrome访问Web应用，查看该视图时此链接也必须仅在Firefox中打开。
• 同时要将这个在Firefox中打开的URL通过object或iframe标签嵌入到Edge/Chrome打开的主视图(.cshtml)中。

现有代码 #

视图代码（.cshtml） #

@{
    string cadena = "https://URL?rs:embed=true";
}

<div class="container">
     <!-- 需用FIREFOX打开此URL并嵌入到Edge/Chrome打开的应用中 -->
    <object class="iframe" data=@cadena></object>
</div>

控制器代码 #

public ActionResult SeeReport()
{
    return View();
}

实现说明与解决方案 #

首先明确核心限制：浏览器的内嵌框架（iframe/object）依赖当前浏览器的内核进程，无法在Edge/Chrome的视图中直接嵌入由Firefox打开的内容——因为iframe/object的渲染完全由当前浏览器内核处理，跨浏览器进程的内嵌是浏览器安全机制不允许的。

基于此，可实现的替代方案是：检测用户当前浏览器，若不是Firefox则引导调用Firefox打开目标URL；若为Firefox则直接内嵌目标URL。

更新后的.cshtml视图代码 #

@{
    string targetUrl = "https://URL?rs:embed=true";
}

<div class="container">
    <div id="embedContainer">
        <!-- Firefox浏览器下显示内嵌内容 -->
        <object class="iframe" data="@targetUrl"></object>
    </div>
</div>

<script>
    // 检测当前浏览器是否为Firefox
    function isFirefox() {
        return navigator.userAgent.indexOf('Firefox') > -1;
    }

    if (!isFirefox()) {
        // 调用Firefox自定义协议打开目标URL
        const firefoxOpenUrl = `firefox://open-url?url=${encodeURIComponent(targetUrl)}`;
        window.location.href = firefoxOpenUrl;

        // 在当前视图中显示引导提示
        document.getElementById('embedContainer').innerHTML = `
            <div style="padding: 20px; text-align: center;">
                <p>此内容需通过Firefox浏览器查看，已尝试为您打开Firefox。</p>
                <p>若未自动打开，请手动复制链接访问：<a href="${targetUrl}" target="_blank">${targetUrl}</a></p>
            </div>
        `;
    }
</script>

可选后端限制方案 #

若要在后端严格限制非Firefox浏览器访问该视图，可修改控制器代码：

public ActionResult SeeReport()
{
    var userAgent = Request.UserAgent;
    if (!userAgent?.Contains("Firefox") ?? false)
    {
        // 返回提示视图，告知用户需使用Firefox访问
        return View("FirefoxRequired");
    }
    return View();
}

注意事项 #

1. firefox://open-url 是Firefox自定义协议，仅在用户已安装Firefox时生效；未安装则会提示无法打开链接。
2. 部分浏览器会阻止自定义协议的自动调用，需用户手动确认或复制链接打开。

内容的提问来源于stack exchange，提问作者Keras-JOB