JavaScriptの命名仕様とAndroid WebViewの間の互換性の問題を解決する方法は？

JavaScript Android WebViewとの互換性の命令

この記事では、JavaScriptコードの名前の仕様とAndroid WebViewの互換性の問題について説明します。標準のJavaScriptの命名規則は、変数、および関数名は文字、数字、アンダースコア、ドル記号で構成されており、数字から始めることができないことを規定しています。ただし、一部のライブラリまたはフレームワークは、ポンドサイン（＃）から始まる関数名など、非標準の命名を使用する場合があります。

最近、NPMのPDFJS-Dist（2.14）パッケージを使用していたとき、問題が発生しました。コードはクロムブラウザで通常実行されますが、Android WebViewには構文エラー（予期しないトークン）がありました。トラブルシューティングの後、エラーは、ポンドサインから始まるPDF.JSファイルの関数名から発生しました。

予備調査によると、ポンド標識の先頭にある関数名はプライベートな方法を示している可能性がありますが、それを支持する決定的な証拠が不足しています。この問題を解決するために、著者は、 node_modulesの下でpdfjs-distパッケージを直接変更し、これらの関数名の名前を変更することを検討します。ただし、依存関係パッケージを直接変更することはベストプラクティスではありません。

最終的に、別のアプローチが採用されます。.browserslistrc .browserslistrcを介してターゲットブラウザーバージョンを構成して、コードがAndroidおよびChrome Androidの新しいバージョンと互換性があることを確認します。特定の構成は次のとおりです。

 <code>android >= 4 chromeandroid >= 83 last 2 versions</code>

Android WebViewとChrome Androidのバージョン番号ルールは異なることに注意してください。さらに、PDFJS-Distは依存パッケージであるため、Babelはデフォルトでコードを処理しないため、 vue.config.jsでtranspileDependenciesプロパティを構成し、 babel.config.jsのincludeオプションを使用して処理するコードパスを指定する必要があります。

 // babel.config.js
含める：[path.resolve（ 'src'）、path.resolve（ 'node_modules/pdfjs-dist'）]、

この構成により、Babelはsrcディレクトリとnode_modules/pdfjs-distディレクトリでコードを処理し、Android WebViewの互換性の問題を解決することが保証されます。

ただし、ポンド関数名の問題を解決した後、新しい問題が発生しました。PDFファイルはブラウザに正常に表示されますが、Android WebViewにはエラーがあります。この問題には、さらなるデバッグと最適化が必要です。

以上がJavaScriptの命名仕様とAndroid WebViewの間の互換性の問題を解決する方法は？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。