Android WebView与JavaScript井号(#)函数名兼容性：问题及解决方案
开发中，JavaScript命名规范通常建议使用字母、数字、下划线和美元符号，避免以数字开头。然而，第三方库或框架可能包含特殊命名，例如使用井号(#)开头的函数名，这在Android WebView中可能引发兼容性问题，本文将以pdfjs-dist为例，讲解如何解决此类问题。
问题描述
使用pdfjs-dist时，Chrome浏览器运行正常，但在Android WebView中出现“unexpected token”语法错误。原因是pdfjs-dist包含以井号(#)开头的函数名，某些Android WebView版本不支持此类命名。
井号(#)函数名含义
目前尚无明确证据表明井号(#)开头函数名代表私有方法。其作用和含义需要根据具体库的文档进行判断。
解决方案
直接修改node_modules下的pdfjs-dist包并非最佳方案，可能导致其他问题。更推荐的解决方法是利用配置来处理兼容性：
立即学习“Java免费学习笔记（深入）”；
-
创建
.browserslistrc文件: 在项目根目录创建.browserslistrc文件，并添加以下配置，注意Android WebView版本与Chrome Android版本规则不同：
android >= 4 chromeandroid >= 83 last 2 versions
-
配置
vue.config.js(或其他构建工具配置): 由于Babel默认不处理依赖包代码，需要在vue.config.js(或类似配置文件)中配置transpileDependencies：
// vue.config.js
module.exports = {
transpileDependencies: ['pdfjs-dist']
}
-
配置
babel.config.js(可选): 更精确的控制，可在babel.config.js中使用include选项，确保Babel处理src目录和pdfjs-dist：
// babel.config.js
const path = require('path');
module.exports = {
// ... other configurations ...
include: [path.resolve('src'), path.resolve('node_modules/pdfjs-dist')],
}
通过以上配置，Babel将处理pdfjs-dist中的代码，解决井号(#)函数名引起的兼容性问题。
其他兼容性问题
解决井号(#)问题后，可能还会遇到其他兼容性问题，例如显示错位等。这需要进一步调试和优化，以确保跨平台兼容性。
