JavaScript命名與android webview兼容性挑戰(zhàn)
本文探討JavaScript代碼命名規(guī)范與Android WebView兼容性問題。標準JavaScript命名規(guī)則規(guī)定變量和函數(shù)名由字母、數(shù)字、下劃線和美元符號組成，且不能以數(shù)字開頭。然而，某些庫或框架可能使用非標準命名，例如以井號（#）開頭的函數(shù)名。
近期，筆者在使用npm的pdfJS-dist (2.14)包時，遇到一個問題：代碼在chrome瀏覽器運行正常，但在Android WebView中卻出現(xiàn)語法錯誤（unexpected Token）。經(jīng)排查，錯誤源于pdf.js文件中以井號開頭的函數(shù)名。
初步調(diào)查顯示，井號開頭函數(shù)名可能表示私有方法，但缺乏確鑿證據(jù)支持。為解決此問題，筆者考慮直接修改node_modules下的pdfjs-dist包，重命名這些函數(shù)名。然而，直接修改依賴包并非最佳實踐。
最終，采用另一種方案：通過.browserslistrc文件配置目標瀏覽器版本，確保代碼兼容Android和Chrome Android的較新版本。具體配置如下：
立即學(xué)習(xí)“Java免費學(xué)習(xí)筆記（深入）”；
android >= 4 chromeandroid >= 83 last 2 versions
需要注意的是，Android WebView和Chrome Android的版本號規(guī)則不同。此外，由于pdfjs-dist是依賴包，Babel默認不會處理其代碼，因此需要在vue.config.js中配置transpileDependencies屬性，并在babel.config.js中使用include選項指定需要處理的代碼路徑：
// babel.config.js include: [path.resolve('src'), path.resolve('node_modules/pdfjs-dist')],
此配置確保Babel處理src目錄和node_modules/pdfjs-dist目錄下的代碼，從而解決Android WebView的兼容性問題。
然而，解決井號函數(shù)名問題后，又出現(xiàn)新的問題：PDF文件在瀏覽器顯示正常，但在Android WebView中出現(xiàn)錯位。此問題需要進一步調(diào)試和優(yōu)化。
