在陪娃上課，耳邊回響著美妙的音樂，打開電腦碼字，給大家分享一個非常重要的消息：Office Add-in將全面支持WebView2了。

Office的開發(fā)愛好者可能會對此很感興趣，雖然新一代的Web Add-in隨著Office 365的推出，也已經(jīng)發(fā)布了好幾年了，但它的發(fā)展也遇到了一些問題。

學(xué)習(xí)成本的問題。早期的Office 開發(fā)者大多是從VBA開始學(xué)起，后來有了更新的VSTO，但本質(zhì)上原理是差不多的，熟悉Office的對象模型，似乎就可以走遍天下都不怕了。但到了Web Add-in的時代，大家熟悉的Office 對象模型雖然還在，但基于Web的開發(fā)技術(shù)（HTML，Javascript，CSS等）對于傳統(tǒng)的Office開發(fā)者來說卻是一個完全陌生的領(lǐng)域，如果再扯上服務(wù)器和客戶端架構(gòu)，異步編程等，學(xué)習(xí)曲線就更加陡峭了，讓人望而生畏。

運(yùn)行環(huán)境的問題。Web Add-in有很多優(yōu)勢，但是它也有一些前提條件，例如它必須運(yùn)行在比較新的Office客戶端里面（最好是Office 365版本的客戶端），另外對于一些初學(xué)者來說更加抓狂的是，它因為本質(zhì)上是一個Web應(yīng)用，所以需要有一個運(yùn)行時環(huán)境，你可以理解為內(nèi)嵌在Office客戶端中的一個瀏覽器。而這個環(huán)境就可能讓你的信心一下子完全喪失。作為Web開發(fā)的同志們都知道，瀏覽器適配是一個很頭疼很要命的問題。在不同的情況下，Office 客戶端會使用不同的瀏覽器，可以參考 https://docs.microsoft.com/en-us/office/dev/add-ins/concepts/browsers-used-by-office-web-add-ins，也就是說，你不僅要克服第一條提到的學(xué)習(xí)曲線問題，還要特別留意，根據(jù)瀏覽器所支持的特性，選擇不同的技術(shù)實(shí)現(xiàn)，或者做適配處理。

以上提到的第一個問題，我認(rèn)為大家只要看好Office 開發(fā)平臺，以及其背后的業(yè)務(wù)價值，遲早會有一批人開始學(xué)習(xí)并且掌握這些技術(shù)，以我自己的經(jīng)驗來說，這是值得的一個投資。而第二個問題，有望在接下來的將來得到很好的解決，因為Office Add-in將全面支持Webview2， 請參考官方的聲明：https://developer.microsoft.com/en-us/office/blogs/announcing-webview2-for-office-add-ins-platform/，去年8月份開始Preview的這個功能，我最近開始測試，確定它能成熟穩(wěn)定的工作。

有些童鞋們可能還知道Webview2及其的意義。簡單地說，你可以理解為它是一個瀏覽器引擎或者控件，是基于Chromium 內(nèi)核的，可以說這是目前市場上最先進(jìn)，也是功能最完善，占有率最高的瀏覽器內(nèi)核。谷歌發(fā)明了這個內(nèi)核，Chrome使用這個內(nèi)核的產(chǎn)品，微軟的Microsoft Edge也是用這個內(nèi)核的產(chǎn)品。

官方文檔提到，只要Office客戶端是運(yùn)行在Windows操作系統(tǒng)上，而且版本高于?Office 365 version 16.0.13127.20082 就會自動使用Webview2來做Add-in的運(yùn)行時，所以你如果感興趣，可以檢查一下你的Office客戶端版本。

怎么確定你的客戶端到底是不是支持了呢？很簡單，你可以打開一個Add-in，例如安裝由我出品的 “Knowledge exercise”?，然后在右側(cè)菜單中選擇 “security info" 菜單。

如果你看到是下面這樣的提示，則表示你用的是最新的Webview2

你還可以在插件的頁面上右鍵菜單中選擇 “inspect” 菜單

如果你看到下面這樣的一個窗口，那么就確信無疑了，這是Webview2，這是Web開發(fā)人員再熟悉不過的Dev tools啊，淚牛滿面ing...

我昨天寫了一篇文章（前端開發(fā)的盛宴

總結(jié)

以上是生活随笔為你收集整理的重要更新，Office Add-in将全面支持Webview2的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。