allWebPlugin 中间件在Chrome谷歌、Firefox火狐、Edge浏览器中加载ActiveX控件精准定位效果展示

技术原理

     前述《全新浏览器加载ActiveX/NPAPI插件方法》讲到,本人通过不断研究谷歌、火狐源代码及浏览器H5技术,首次发现了一种页面元素定位控制插件容器窗口的方法,可以实现插件容器与页面整体布局无缝衔接。核心思路是在浏览器页面插入一个定位元素,通过H5技术计算定位元素在浏览器页面的位置,然后将插件容器窗口放到定位元素位置。当页面缩放比例或大小发生变化时,重复上述步骤。如此这般,即可实现插件容器窗口与页面整体布局无缝衔接。今天,我们就来测试其在谷歌浏览器中的表现吧。

部署allWebPlugin插件

下载并安装allWebPlugin 中间件软件。

链接 : https://pan.baidu.com/s/1xUyQDzOabh7mU7J7TYhtig?pwd=z3q0
提取码:z3q0 

在Chrome浏览器(V121.0.6167.185,已不支持NPAPI及PPAPI等插件技术)中输入http://127.0.0.1:6651,选择其中任何一个插件(ActiveX插件)即可。本文将以allWebOffice为例进行演示。

allWebPlugin演示实例
allWebPlugin中间件演示实例
浏览器版本
浏览器版本,以不支持PPAPI及NPAPI插件

自由缩放,显示自如

       插件随页面缩放比例变化,allWebPlugin中间件实时跟踪定位元素位置,自适应插件窗口位置及大小。业务系统不需关注插件位置。

任意缩放显示
页面缩放比例任意缩放

页面滚动,操作流畅

      浏览器滚动条滚动时,allWebPlugin中间件实时跟踪定位元素位置,自适应插件窗口位置及大小。业务系统不需关注插件位置。

页面滚动

窗口变化,处变不惊

        浏览器窗口大小变化时,allWebPlugin中间件实时跟踪定位元素位置,自适应插件窗口位置及大小,业务系统不需关注插件位置。

浏览器大小变化
浏览器大小变化

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

老 K

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值