一个接口4个步骤轻松搞定最新版Chrome、Edge、Firefox浏览器集成ActiveX控件

本文涉及的产品
云原生网关 MSE Higress,422元/月
服务治理 MSE Sentinel/OpenSergo,Agent数量 不受限
容器镜像服务 ACR,镜像仓库100个 不限时长
简介: 目前的浏览器市场,谷歌浏览器占据了半壁江山,因此,谷歌也是最有话语权的,2015年开始取消支持 NPAPI 插件,2022 年10月停止支持 PPAPI 插件;而曾经老大哥IE浏览器也已停止服务,退出历史舞台,导致大量曾经安全、便捷的ActiveX控件无法使用。为了解决这个难题,本人特研发出allWebPlugin中间件,重新让所有ActiveX控件能在谷歌、火狐等浏览器使用。

  背景介绍

       目前的浏览器市场,谷歌浏览器占据了半壁江山,因此,谷歌也是最有话语权的,2015年开始取消支持 NPAPI 插件,2022 年10月停止支持 PPAPI 插件;而曾经老大哥IE浏览器也已停止服务,退出历史舞台,导致大量曾经安全、便捷的ActiveX控件无法使用。

       为了解决这个难题,本人特研发出allWebPlugin中间件,重新让所有ActiveX控件能在谷歌、火狐等浏览器使用。

allWebPlugin简介

     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中间件-迎春版 image.gif

接口说明

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)

image.gif

集成步骤

第一步:为了页面集成插件,需要引入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>

image.gif

第二步:添加定位元素,在需要展示插件的位置添加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>

image.gif

第三步:使用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;
}
}

image.gif

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

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

image.gif

运行效果

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

allWebOffice控件 image.gif

AcroPDF 控件 image.gif

数科阅读器控件 image.gif

相关文章
|
4天前
|
Web App开发 数据采集 JavaScript
Chrome浏览器实例的TypeScript自动化脚本
Chrome浏览器实例的TypeScript自动化脚本
|
2月前
|
Web App开发 缓存 安全
WIN11 Chrome 双击打不开闪退及Chrome浏览器不能拖拽文件crx
【11月更文挑战第6天】本文介绍了 WIN11 系统中 Chrome 浏览器双击打不开闪退及不能拖拽文件 crx 的原因和解决方法。包括浏览器版本过旧、扩展程序冲突、硬件加速问题、缓存过多、安全软件冲突、系统文件损坏、用户配置文件损坏等问题的解决方案,以及 crx 文件的屏蔽、权限问题和文件格式问题的处理方法。
181 2
|
2月前
|
Web App开发 Linux iOS开发
Chrome浏览器如何导出所有书签并导入书签
【11月更文挑战第4天】本文介绍了如何在 Chrome 浏览器中导出和导入书签。导出时,打开书签管理器,点击“整理”按钮选择“导出书签”,保存为 HTML 文件。导入时,同样打开书签管理器,点击“整理”按钮选择“导入书签”,选择之前导出的 HTML 文件即可。其他主流浏览器也支持导入这种格式的书签文件。
946 2
|
2月前
|
Web App开发 JavaScript 前端开发
使用 Chrome 浏览器的内存分析工具来检测 JavaScript 中的内存泄漏
【10月更文挑战第25天】利用 Chrome 浏览器的内存分析工具,可以较为准确地检测 JavaScript 中的内存泄漏问题,并帮助我们找出潜在的泄漏点,以便采取相应的解决措施。
370 9
|
3月前
|
Web App开发 开发者
|
4月前
|
Web App开发 数据采集 存储
WebDriver与Chrome DevTools Protocol:如何在浏览器自动化中提升效率
本文探讨了如何利用Chrome DevTools Protocol (CDP) 与 Selenium WebDriver 提升浏览器自动化效率,结合代理IP技术高效采集微博数据。通过CDP,开发者可直接操作浏览器底层功能,如网络拦截、性能分析等,增强控制精度。示例代码展示了如何设置代理IP、cookie及user-agent来模拟真实用户行为,提高数据抓取成功率与稳定性。适用于需要频繁抓取互联网数据的应用场景。
591 3
WebDriver与Chrome DevTools Protocol:如何在浏览器自动化中提升效率
|
3月前
|
Web App开发 JSON 安全
Chrome浏览器的跨域问题
【10月更文挑战第6天】
|
3月前
|
Web App开发 缓存 安全
Chrome浏览器启动参数大全
这是一组用于定制浏览器行为的命令行参数,包括但不限于:不停用过期插件、放行非安全内容、允许应用中心脚本、停用GPU加速视频、禁用桌面通知、禁用拓展及各类API、调整缓存设置、启用打印预览、隐身模式启动、设定语言、使用代理服务器、无头模式运行等。通过这些参数,用户可以根据需求灵活调整浏览器功能与性能。
|
4月前
|
Web App开发 存储 前端开发
Chrome浏览器的跨域问题
Chrome浏览器的跨域问题
|
5月前
|
Web App开发
Chrome——谷歌浏览器chrome如何模拟其他客户端
Chrome——谷歌浏览器chrome如何模拟其他客户端
119 1
Chrome——谷歌浏览器chrome如何模拟其他客户端