最新版Edge浏览器集成ActiveX控件步骤

最新推荐文章于 2025-04-21 09:43:47 发布

老 K

最新推荐文章于 2025-04-21 09:43:47 发布

阅读量1.1k

点赞数 30

分类专栏： allWebPlugin 中间件文章标签： edge 前端 javascript chrome firefox

本文链接：https://blog.csdn.net/yunkaipx/article/details/144835790

版权

allWebPlugin 中间件专栏收录该内容

98 篇文章

订阅专栏

allWebPlugin简介

allWebPlugin中间件迎春版刚刚发布，受到很多网友的青睐。它极大的简化了Web系统集成ActiveX插件的步骤，提高了产品的实用性和通用性。本文将详细介绍如何使用allWebPlugin中间件接口，快速集成ActiveX插件。

allWebPlugin中间件是一款为用户提供安全、可靠、便捷的浏览器插件服务的中间件产品，致力于将浏览器插件重新应用到所有浏览器。它将现有ActiveX控件直接嵌入浏览器，实现插件加载、界面显示、接口调用、事件回调等。支持Chrome、Firefox、Edge、360等浏览器，接口调用友好、集成方便。为用户提供“信息化系统 + allWebPlugin + 插件 + 浏览器”的解决方案。

alWebPlugin中间件核心优势

1、自创定位算法，实现插件与页面布局无缝衔接，极致用户体验。
2、自创插件接口调用方法，保持原汁原味的接口调用及事件响应方式，轻松实现OA系统升级改造。
3、支持同一页面或不同页面同时加载多个插件，适应各种复杂应用场景。
4、自主创新、安全可控，不受浏览器插件技术限制，支持更多浏览器（谷歌、火狐、Edge、360浏览器等）。
5、创新沙箱机制,隔离插件与浏览器运行环境，增强插件与浏览器稳定性和安全性。
6、攻克诸多技术难点，实现插件不修改、不注册也能使用，极大的降低插件开发量和维护量。

下载地址

链接：百度网盘请输入提取码
提取码：z3q0

如下图所示，下载allWebPlugin-迎春版_x86_v2.0.28.0.zip安装包。

接口说明

allWebPlugin中间件-迎春版，提供awp_CreatePlugin接口。其对allWebPlugin中间件底层接口进行封装，实现ActiveX插件创建。awp_CreatePlugin接口能够自动识别提供的classid插件是32位或64位，并选择合适的插件容器创建插件。

/*
接口功能：创建ActiveX插件
参数：
id： 字符串      页面元素 id,页面元素可以为任何元素（不限canvas元素）
clsid: 字符串    插件classid；当clsid缺省时，将使用页面元素id的classid属性的值。
lic: 字符创      allWebPlugin授权，当缺省时，使用默认授权。
*/
function awp_CreatePlugin(id,clsid,lic)

集成步骤

第一步：为了页面集成插件，需要引入allWebPlugin.Common.js allWebPlugin.UI.j及allWebPlugin.Main.js文件。如下图所示：

<script type="text/javascript" src="js/allWebPlugin.Common.v2.0.0.28.js"></script>
<script type="text/javascript" src="js/allWebPlugin.UI.v2.0.0.28.js"></script>
<script type="text/javascript" src="js/allWebPlugin.Main.v2.0.0.28.js"></script>

第二步：添加定位元素，在需要展示插件的位置添加canvas页面元素(注意：也可以使用其他页面元素)。如下图所示：

<canvas id="allWebOfficeAx_zw" width="1024" height="600">
<p class="error">Sorry, It looks as though your browser does not support the canvas tag.</p>
</canvas>

第三步：使用awp_CreatePlugin接口创建ActiveX插件对象。在页面加载初始化接口内，调用awp_CreatePlugin接口。使用定位元素id同名对象访问插件，像传统插件接口调用一样，调用插件对象的方法和属性，特别注意，调用读属性与调用插件方法接口一致。如图所示，页面元素canvas的id属性为allWebOfficeAx_zw；则可以直接试用allWebOfficeAx_zw对象访问插件接口。

function init(){
var installPackageUrl = "http://127.0.0.1:6651/install/allwebPlugin_x86_v2.0.1.16_20240806.exe";
var installPackageVersion = "2.0.0.28";	
if(awp_IsInstall(installPackageVersion,installPackageUrl)){
    awp_CreatePlugin("allWebOfficeAx_zw","{6888ECA8-57D0-6E0E-9B9B-F1FF9B2DBD86}");
	allWebOfficeAx_zw.GetDisplayStyle().ShowMenuBar = false;
	allWebOfficeAx_zw.GetDisplayStyle().ShowOpenProgress = false;
}
}

第四步：为了响应插件事件，需要在网页内实现插件响应函数。如下图所示

function OnCreated(){
	alert("OnCreated 事件");//allWebOffice 插件创建事件
}

运行效果

allWebPlugin中间件-迎春版，极大地简化了最新版谷歌浏览器加载ActiveX插件集成，实现一个接口就可以网页加载ActiveX插件。接口调用与插件事件响应与原有IE调用基本一致。极大地方便了传统Web系统的升级维护。