歷史背景
在2015年的主流瀏覽器版本中，因為可以直接呼叫微軟開源的 ActiveX控制元件，可以實現微軟Office軟體的線上編輯及審閱功能，但是從2015年開始，各大主流瀏覽器先後取消了對 NPAPI外掛，導致線上編輯Office軟體成為了一個難題。雖然後來有商業公司開發的相關控制元件，但是還是無法 克服ActiveX控制元件固有的缺陷，不僅限制了瀏覽器的版本，還需要使用者單獨設定瀏覽器安全設定，導致使用者體驗極差。

後來隨著SAAS模式的興起，網頁線上編輯文件也越來越流行，很多巨頭公司都發布了線上Office服務，雖然這些服務在多人協作、跨平臺等方面有優勢，但是存在的問題也很多，比如桌面版Office就存在一些功能缺失：需要網路隨時保持線上、不能儲存桌面生成的文件、表格過大開啟的時候卡死、多文件同時編輯板式不一致等，最關鍵的是線上Office服務很難整合到自己公司的OA、GRM、ERP中去，最好的辦法還是需要在桌面Office基礎上，通過技術手段讓其流暢的執行在 Chrome、Firefox、Edge、360、Opera、QQ等主流版本瀏覽器中。

現有方案
1.瀏覽器外掛方案

此方案只適用於IE瀏覽器，通過在網頁中 直接執行ActiveX控制元件呼叫桌面Office軟體的自動化介面來實現， 免費DsoFramer及點聚WebOffice控制元件都是基於此原理，另外一些收費的如： 重慶軟航NTKO Office文件控制元件、北京卓正PageOffice、廣州華爾太WebOffice控制元件也是基於此原理。2021年初隨著Chrome 對 Flash Player PPAPI外掛的支援，瀏覽器外掛的方案就徹底失效了。

2.特定瀏覽器方案

一些公司為了降低開發成本，又想繼續使用公司原有系統，被迫繼續使用安全漏洞較多的低版本Chrome或者360等其他低版本瀏覽器，低版本瀏覽器的安全漏洞和BUG非常多，導致Office文件控制元件在此基礎上行使用也困難重重。

3.外接程式方案

各瀏覽器禁用 NPAPI外掛後，各個廠商紛紛使用瀏覽器外部協議來 啟動獨立的EXE外接程式，看起來問題得到了很好的解決，但是每次執行中使用者端都會彈出對話方塊，讓使用者不勝其煩。使用者體驗極差，如果使用者此時已經打開了文件，還非常容易引起文件異常，導致檔案丟失等情況。

4.雙核方案

通過 Chrome等瀏覽器上的擴充套件程式IETab來實現，此方案同樣會有 ActiveX控制元件彈窗， 使用者體驗很差。

最終升級方案：
通過上述4個方案可以看出，如果想在主流瀏覽器中開啟、編輯、儲存微軟Office文件，核心點就在於獨立於瀏覽器之外並且能很好相容各瀏覽器。這個就是今天介紹的已經非常成熟的商業化產品—

猿大師中介軟體的微軟Office網頁小程式如何解決的呢？

原理就是在網頁中指定位置和大小，模擬實現一個內嵌到網頁中顯示的視窗，在這個視窗中再呼叫桌面Office軟體的自動化介面實現doc、xls、ppt等文件的操作。

前端還必須可對這個視窗進行實時控制，而且視窗必須跟隨瀏覽器的移動和縮放、網頁滾動、標籤頁切換、關閉等操作進行自動聯動。這個視窗的宿主程序同時提供Web Socket的服務端和JSON打包命令的解析執行模組，前端就可以通過Web Socket連線後傳送JSON打包的控制命令實現控制此視窗的動作。此方案可以說是上述外接程式方案的升級版，關鍵差異在於此方案可實現內嵌Word、Excel、PowerPoint、WPS文字、WPS表格等程式視窗到網頁指定區域執行的效果，而且拋棄了通過IE核心來載入ActiveX控制元件的方案，解決了使用者體驗差、載入緩慢和記憶體佔用高的問題。另外啟動這個外接程式是通過Web Socket連線實現的，也解決了每次啟動都會彈提示的煩惱問題，還有就是提供了類似ActiveX控制元件的自動升級方案，可在網頁中實現靜默自動升級，並額外增加了呼叫驗證機制確保外接程式的安全啟動。

另外猿大師中介軟體的微軟Office網頁小程式提供了豐富的二次開發介面，對現有系統改動比較小的前提下， 請求啟動IE控制元件小程式載入即可。

總結：

一個好的技術實施方案，首先是要滿足客戶的剛性需求，其次是儘量降低採購、開發、實施及維護的總成本，再次是要有良好的相容性和穩定性，最後需儘量確保技術方案不能因為瀏覽器的升級而失效。本文基於當前最新的技術資訊和實踐經驗，給大家提供了猿大師中介軟體搭配Office網頁小程式這樣一個穩定可靠、體驗好、相容性佳的桌面Office文件控制元件技術方案，尤其適合在內網處理複雜文件和資料量大的表格場景，以供大家技術選型參考。

猿大師中介軟體官方網站：http://www.yuanmaster.com