隨着Web技術的快速發展,將傳統桌面應用程序(EXE)集成到Chrome等網頁中的需求日益增多,但是Chrome瀏覽器本身不提供直接調用本地exe程序的功能,目前網絡上大部分網頁內嵌EXE的方式都已經失效,今天給大家介紹下目前主流網頁內嵌EXE程序的方式——猿大師中間件。
2025年猿大師發佈了EXE、OCX、COM三個通用組件,自此猿大師中間件可以直接把所有原生桌面端軟件(EXE程序)和控件(OCX、ActiveX及COM組件)內嵌到瀏覽器中運行,不需要單獨開發,成為此類國內目前唯一商用插件。網頁中只需使用簡單的JS腳本即可完成與B/S系統的對接,讓桌面程序遷移到瀏覽器中運行。
內嵌過程非常簡單,不需要二次開發,也不需要桌面程序源碼,只需要指定終端電腦中已經安裝的exe文件位置,即可在Chrome中載入對應的exe軟件。
第一步:客户端電腦上需要安裝需要內嵌的EXE桌面程序,比如要內嵌的是微信電腦版。
第二步:客户端電腦安裝猿大師中間件,並獲取了試用授權,猿大師中間件官網:www.yuanmaster.com/
第三步:打開測試網頁測試,修改如下JSON,修改EXE程序路徑,連接發送即可。
JSON:
json 體驗AI代碼助手 代碼解讀複製代碼{"req":"Wrl_AppletStart","rid":99,"para":{"Type":"0","Title":"Exe運行小程序","NodeName":"ExeWebApplet","PID":"ExeWebApplet","Flag":72,"Left":0,"Top":0,"Width":0,"Height":0,"IframeX":0,"IframeY":0,"Option":"0","Zoom":100,"ScrollTop":0,"Web": {"DataPath":"c:/ExeDoc","ExePath":"D:/Program Files (x86)/Tencent/WeChat/WeChat.exe","PathType":""},"Open":""}}
Chrome網頁內嵌Windows PC版微信桌面應用程序效果如下:
我們同時也對大量的EXE程序做了內嵌Chrome網頁測試,效果都很不錯!
Chrome網頁內嵌PhotoShop:
Chrome網頁內嵌Visual Studio編輯器:
Chrome網頁內嵌Adobe pdf reader桌面應用程序打開PDF文檔:
猿大師中間件官網:www.yuanmaster.com/
對應接口説明:
1)、請求啓動EXE網頁小程序:
Type為瀏覽器類型,傳0自動判斷(前提是當前瀏覽器已啓動並顯示在最前端,Flag指定當前頁加載時必須是0) 可強制指定瀏覽器類型Type(1代表IE 2代表Chrome 4代表Firefox 5代表Brave(英文版) 8代表Opera 9代表Vivaldi(英文版) 10代表Yandex 16代表Edge(Chromium內核) 20代表Electron 32代表360極速瀏覽器 33代表360安全瀏覽器 34代表360極速瀏覽器 35代表360企業安全瀏覽器 36代表360遊戲瀏覽器 37代表360AI瀏覽器 40代表聯想瀏覽器 45代表雙核瀏覽器 50代表QQ瀏覽器 51代表微信網頁 55代表齊安信瀏覽器 57代表紅蓮花瀏覽器 60代表搜狗瀏覽器 61代表夸克 62代表遨遊瀏覽器 63代表獵豹瀏覽器 66代表豆包 70代表華為瀏覽器)
Type需要指定瀏覽器類型時,可先通過TestWrl.txt文檔中的接口Wrl_BrowserInfo獲取到當前瀏覽器的類型Type、瀏覽器主窗口句柄BrowserWnd、瀏覽器繪製窗口句柄DrawWnd及當前網頁標題Title,通過判斷Title是否為當前網頁需要內嵌決定是否繼續啓動,如果繼續啓動,把獲取到的參數Type、BrowserWnd、DrawWnd設置到當前請求參數裏,可以加快啓動速度
Title:網頁標題中的關鍵詞,用於識別指定的嵌入網頁
Url:加載小程序所在的網頁實際地址,在網頁中指定小程序的顯示位置和大小,不建議使用了,建議改用Web參數
Flag:掩碼標記 1指定新標籤加載(1和16都不指定時為當前頁加載) 2小程序顯示窗口邊框 4不自動裁剪越界窗口 8自動適配網頁高度和寬度顯示 64啓用Web參數 128防截屏 256強制顯示到副屏 512允許同一網頁加載多實例
Web:打開配置(新增方式),可代替Url使用,Flag值+64使用此配置,使用Web時必須指定Left、Top、Width、Height的值
Web中參數説明:
Edit 代表編輯權限 1只讀打開
Flag 代表選項掩碼值 1代表直接嵌入已打開的指定程序 2是不用下載打開 4是不用核對打開文檔文件名在主窗口顯示
DataPath 代表如果文檔下載時默認的本地保存路徑
ExeName 代表啓動和實際運行的exe文件名不一致時設置實際運行程序名
Cookie 當Open打開的文檔是服務器上的Url地址時,網絡請求Url設置Cookie來獲得下載權限
Auth 當Open打開的文檔是服務器上的Url地址時,網絡請求Url設置Auth來獲得下載權限
MD5 當打開的文檔需要下載時,完整文檔的MD5值
FileSize 當打開的文檔需要下載時文件長度
IframeX和IframeY分別為iframe嵌套的橫豎偏移修正座標
BarW和BarH分別是網頁右側和底部預留區域,ScrollTop為頂部滾動預留高度
小程序實際顯示首先會基於Url或Web中指定的座標和大小,再根據IframeX、IframeY、BarW、BarH設定的值做修正
Option:默認0是數科OFD閲讀器 1:啓動福昕OFD版式辦公套件
Open:為exe程序需要打開的文件或服務器地址,磁盤目錄斜槓用/
注意:Open、Web和Url如果有特殊字符= & 雙引號或中文等,需要用URL編碼處理後傳遞