谷歌、火狐、Edge浏览器使用allWebPlugin中间件加载ActiveX控件

安装allWebPlugin中间件

1、请从下面地址下载allWebPlugin中间件产品

链接:百度网盘 请输入提取码百度网盘 请输入提取码百度网盘为您提供文件的网络备份、同步和分享服务。空间大、速度快、安全稳固,支持教育网加速,支持手机端。注册使用百度网盘即可享受免费存储空间https://pan.baidu.com/s/1xUyQDzOabh7mU7J7TYhtig?pwd=z3q0如下图所示,下载allWebPlugin_x86_v2.0.0.16_Stable_演示包_20240815.zip安装包。

2、请使用默认配置安装allWebPlugin中间件。

集成allWebPlugin中间件

为了方便大家集成对接ActiveX插件,allWebPlugin中间件坚持使用传统原滋原味的JavaScript编程方式调用插件对象。

引入JavaScript脚本文件

首先,引入JavaScript相关文件:jquery.min.js、allWebPlugin.Common.js及allWebPlugin.UI.js文件,如下图所示:

插入定位元素

在需要展示插件的地方,插入canvas网页元素。如下图所示:

创建插件容器子程序

使用PluginHostCnt类的createContainer接口创建插件容器。如下图所示:

创建插件对象

创建插件对象,使用PluginHostCnt类的createProxyPlugin接口创建插件,创建插件时,需要传入插件的classid。如下图所示:

调用插件对象接口

最后,调用插件对象接口,注意:调用插件读属性与传统调用存在差异,需要在属性后面加上"()"方可获取属性值(仅适合createProxyPlugin方法创建的插件对象)。如下图所示:

效果展示

下图展示Edge浏览器加载allWebOffice插件,实现VBA套宏功能效果

相关推荐
也无晴也无风雨43 分钟前
深入剖析输入URL按下回车,浏览器做了什么
前端·后端·计算机网络
Martin -Tang1 小时前
Vue 3 中,ref 和 reactive的区别
前端·javascript·vue.js
FakeOccupational3 小时前
nodejs 020: React语法规则 props和state
前端·javascript·react.js
放逐者-保持本心,方可放逐3 小时前
react 组件应用
开发语言·前端·javascript·react.js·前端框架
曹天骄4 小时前
next中服务端组件共享接口数据
前端·javascript·react.js
阮少年、4 小时前
java后台生成模拟聊天截图并返回给前端
java·开发语言·前端
郝晨妤6 小时前
鸿蒙ArkTS和TS有什么区别?
前端·javascript·typescript·鸿蒙
AvatarGiser6 小时前
《ElementPlus 与 ElementUI 差异集合》Icon 图标 More 差异说明
前端·vue.js·elementui
喝旺仔la6 小时前
vue的样式知识点
前端·javascript·vue.js
别忘了微笑_cuicui6 小时前
elementUI中2个日期组件实现开始时间、结束时间(禁用日期面板、控制开始时间不能超过结束时间的时分秒)实现方案
前端·javascript·elementui