0

0

从IE11迁移到Edge:在现代浏览器中调用.NET组件的替代方案

花韻仙語

花韻仙語

发布时间:2025-11-12 13:24:11

|

468人浏览过

|

来源于php中文网

原创

从IE11迁移到Edge:在现代浏览器中调用.NET组件的替代方案

本文旨在解决从internet explorer 11迁移至microsoft edge时,原先通过``标签调用.net组件(dll)失效的问题。鉴于现代浏览器已不再支持activex或com组件,文章将深入探讨两种主流替代方案:利用blazor将c#代码编译为webassembly在客户端运行,以及通过clickonce技术从edge浏览器启动独立的桌面应用程序,为开发者提供在edge环境中继续利用现有.net资产的专业指导。

背景:IE11与.NET组件的遗留集成方式

在Internet Explorer 11时代,开发者常利用HTML的标签结合classid属性来直接加载和调用客户端的COM或ActiveX组件,其中包括基于.NET Framework编写的DLL。这种方式允许Web应用程序与本地系统资源进行深度交互,例如:

上述代码片段尝试加载名为Example.dll中的org.exam.Sample类。然而,随着Web技术的发展和安全标准的提升,现代浏览器如Microsoft Edge已经放弃了对ActiveX和COM组件的原生支持。这意味着,当应用程序从IE11迁移到Edge时,这种依赖标签直接调用.NET DLL的机制将不再工作。

现代解决方案:在Edge中集成.NET功能

为了在Microsoft Edge中继续利用现有的.NET逻辑或实现类似的功能,开发者需要采纳符合现代Web标准的替代方案。以下是两种主要的策略:

方案一:使用Blazor进行客户端C#代码执行

Blazor是微软推出的一个Web框架,它允许开发者使用C#和.NET构建交互式的客户端Web UI。Blazor通过WebAssembly技术,使得编译后的.NET代码可以直接在浏览器沙箱中运行,而无需插件或额外的运行时。

工作原理:

  1. C#到WebAssembly: 您的C#代码(包括业务逻辑和UI组件)被编译成WebAssembly字节码。
  2. 浏览器执行: WebAssembly文件被浏览器下载并在其沙箱中执行。
  3. DOM操作: Blazor通过JavaScript互操作性(JS Interop)来更新和操作浏览器的DOM,实现用户界面。

优点:

  • 全栈C#开发: 可以在前端和后端都使用C#,减少语言切换成本。
  • 代码复用: 现有.NET库和业务逻辑可以更容易地迁移和复用。
  • 高性能: WebAssembly提供接近原生代码的执行速度。
  • 安全性: 代码在浏览器沙箱中运行,遵循Web安全模型。

实施概述: 要将原先DLL中的逻辑迁移到Blazor,您通常需要:

  1. 创建Blazor项目: 根据需求选择Blazor WebAssembly或Blazor Server项目。
  2. 重构.NET逻辑: 将DLL中的核心业务逻辑提取并封装为C#类库,供Blazor应用引用。
  3. 构建UI组件: 使用Razor组件(.razor文件)来构建用户界面,并在需要时调用重构后的C#逻辑。
  4. JavaScript互操作(如需): 如果需要与浏览器特定的JavaScript API或第三方JS库交互,可以使用Blazor的JS Interop功能。

示例(概念性): 假设原DLL中有一个计算服务,现在可以将其封装在Blazor组件中:

// Example.Client/Services/SampleService.cs
namespace Example.Client.Services
{
    public class SampleService
    {
        public string GetSampleData()
        {
            // 模拟原DLL中的复杂逻辑
            return $"Data from Blazor .NET component at {DateTime.Now}";
        }
    }
}

// Example.Client/Pages/Index.razor
@page "/"
@inject Example.Client.Services.SampleService SampleService

Hello, Blazor!

@message

@code { private string message = "Click the button to load data."; private void LoadData() { message = SampleService.GetSampleData(); } }

方案二:通过ClickOnce启动桌面应用程序

如果您的.NET DLL实际上是一个包含丰富功能的桌面应用程序,并且您希望从Web页面触发其启动,那么ClickOnce是一个合适的解决方案。ClickOnce是微软提供的一种部署技术,允许用户通过Web链接或网络共享轻松安装和运行Windows桌面应用程序。

ClipDrop
ClipDrop

Stability.AI出品的图片处理系列工具(背景移除、图片放大、打光)

下载

工作原理:

  1. 发布应用程序: 将您的.NET桌面应用程序发布为ClickOnce部署包(.application文件)。
  2. Web链接: 在Web页面中提供一个指向该.application文件的链接。
  3. 浏览器启动: 当用户点击该链接时,Edge浏览器会识别这是一个ClickOnce部署,并提示用户安装或启动关联的桌面应用程序。
  4. 应用程序执行: 应用程序在用户本地机器上独立运行,拥有完整的桌面应用权限。

优点:

  • 利用现有桌面应用: 无需重写整个桌面应用程序。
  • 易于部署和更新: 自动更新机制简化了维护。
  • 全功能桌面体验: 应用程序可以访问本地资源,提供比Web应用更强大的功能。

实施概述:

  1. 准备桌面应用程序: 确保您的.NET桌面应用程序(WinForms, WPF等)功能完善。
  2. 启用ClickOnce发布: 在Visual Studio中,为项目启用ClickOnce发布。配置发布路径、更新选项等。
  3. 生成部署文件: 发布应用程序会生成一个.application文件和相关的部署文件。
  4. Web页面集成: 在您的SpringFramework应用程序或其他Web页面中,提供一个指向ClickOnce部署文件的链接。

示例(概念性): 在您的Web页面中,可以这样提供ClickOnce应用程序的启动链接:

点击下方链接启动您的桌面应用程序:

启动桌面应用程序

当用户点击此链接时,如果未安装,浏览器会引导用户安装;如果已安装,则会直接启动应用程序。

注意事项与选择建议

  • 安全模型: Blazor运行在浏览器沙箱中,受Web安全模型限制;ClickOnce应用作为桌面程序运行,拥有更高的权限,但需要用户明确信任。
  • 用户体验: Blazor提供无缝的Web体验;ClickOnce会启动一个独立的桌面窗口,可能在用户感知上与Web应用分离。
  • 开发复杂性: 迁移到Blazor可能需要对现有代码进行较大程度的重构,特别是涉及UI的部分。ClickOnce则更多是部署层面的工作。
  • 功能需求: 如果需要与操作系统进行深度交互(如访问文件系统、硬件设备),ClickOnce通常是更直接的选择。如果目标是构建纯Web端的C#应用,Blazor更合适。
  • 部署环境: Blazor应用部署为静态文件或托管在ASP.NET Core后端。ClickOnce需要一个Web服务器来托管部署文件。

总结

从IE11迁移到Microsoft Edge,意味着告别了基于ActiveX/COM的传统.NET组件集成方式。面对这一挑战,开发者应拥抱现代Web技术。Blazor通过WebAssembly为客户端C#代码执行提供了强大的平台,实现了全栈.NET的Web开发体验;而ClickOnce则为从Web页面启动功能丰富的桌面应用程序提供了便捷的途径。根据项目的具体需求、现有代码结构以及对用户体验的期望,选择最适合的方案,将有助于平稳过渡并充分利用.NET生态系统的优势。

相关文章

Edge浏览器
Edge浏览器

Edge浏览器是由Microsoft(微软中国)官方推出的全新一代手机浏览器。Edge浏览器内置强大的搜索引擎,一站搜索全网,搜文字、搜图片,快速识别,帮您找到想要的内容。有需要的小伙伴快来保存下载体验吧!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
js获取数组长度的方法
js获取数组长度的方法

在js中,可以利用array对象的length属性来获取数组长度,该属性可设置或返回数组中元素的数目,只需要使用“array.length”语句即可返回表示数组对象的元素个数的数值,也就是长度值。php中文网还提供JavaScript数组的相关下载、相关课程等内容,供大家免费下载使用。

556

2023.06.20

js刷新当前页面
js刷新当前页面

js刷新当前页面的方法:1、reload方法,该方法强迫浏览器刷新当前页面,语法为“location.reload([bForceGet]) ”;2、replace方法,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,不能通过“前进”和“后退”来访问已经被替换的URL,语法为“location.replace(URL) ”。php中文网为大家带来了js刷新当前页面的相关知识、以及相关文章等内容

374

2023.07.04

js四舍五入
js四舍五入

js四舍五入的方法:1、tofixed方法,可把 Number 四舍五入为指定小数位数的数字;2、round() 方法,可把一个数字舍入为最接近的整数。php中文网为大家带来了js四舍五入的相关知识、以及相关文章等内容

732

2023.07.04

js删除节点的方法
js删除节点的方法

js删除节点的方法有:1、removeChild()方法,用于从父节点中移除指定的子节点,它需要两个参数,第一个参数是要删除的子节点,第二个参数是父节点;2、parentNode.removeChild()方法,可以直接通过父节点调用来删除子节点;3、remove()方法,可以直接删除节点,而无需指定父节点;4、innerHTML属性,用于删除节点的内容。

477

2023.09.01

JavaScript转义字符
JavaScript转义字符

JavaScript中的转义字符是反斜杠和引号,可以在字符串中表示特殊字符或改变字符的含义。本专题为大家提供转义字符相关的文章、下载、课程内容,供大家免费下载体验。

414

2023.09.04

js生成随机数的方法
js生成随机数的方法

js生成随机数的方法有:1、使用random函数生成0-1之间的随机数;2、使用random函数和特定范围来生成随机整数;3、使用random函数和round函数生成0-99之间的随机整数;4、使用random函数和其他函数生成更复杂的随机数;5、使用random函数和其他函数生成范围内的随机小数;6、使用random函数和其他函数生成范围内的随机整数或小数。

991

2023.09.04

如何启用JavaScript
如何启用JavaScript

JavaScript启用方法有内联脚本、内部脚本、外部脚本和异步加载。详细介绍:1、内联脚本是将JavaScript代码直接嵌入到HTML标签中;2、内部脚本是将JavaScript代码放置在HTML文件的`<script>`标签中;3、外部脚本是将JavaScript代码放置在一个独立的文件;4、外部脚本是将JavaScript代码放置在一个独立的文件。

658

2023.09.12

Js中Symbol类详解
Js中Symbol类详解

javascript中的Symbol数据类型是一种基本数据类型,用于表示独一无二的值。Symbol的特点:1、独一无二,每个Symbol值都是唯一的,不会与其他任何值相等;2、不可变性,Symbol值一旦创建,就不能修改或者重新赋值;3、隐藏性,Symbol值不会被隐式转换为其他类型;4、无法枚举,Symbol值作为对象的属性名时,默认是不可枚举的。

552

2023.09.20

高德地图升级方法汇总
高德地图升级方法汇总

本专题整合了高德地图升级相关教程,阅读专题下面的文章了解更多详细内容。

72

2026.01.16

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 3.8万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 2.3万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 2.9万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号