JavaScript 이름 지정 사양과 Android WebView 간의 호환성 문제를 해결하는 방법은 무엇입니까?

Android WebView와의 JavaScript 이름 지정 호환성 문제

이 기사에서는 JavaScript 코드 명명 사양 및 Android WebView의 호환성 문제에 대해 설명합니다. 표준 JavaScript 이름 지정 규칙은 변수와 기능 이름이 문자, 숫자, 밑줄 및 달러 표시로 구성되어 있으며 숫자로 시작할 수 없다고 규정합니다. 그러나 일부 라이브러리 또는 프레임 워크는 파운드 부호 (#)로 시작하는 기능 이름과 같은 비표준 이름 지정을 사용할 수 있습니다.

최근에 NPM의 PDFJS-DIST (2.14) 패키지를 사용할 때 문제가 발생했습니다. 코드는 Chrome 브라우저에서 일반적으로 실행되지만 Android WebView에는 구문 오류 (예기치 않은 토큰)가있었습니다. 문제 해결 후 오류는 파운드 부호로 시작하는 pdf.js 파일의 함수 이름에서 비롯되었습니다.

예비 조사에 따르면 파운드 부호의 시작 부분의 함수 이름은 개인 방법을 나타낼 수 있지만이를 뒷받침 할 결정적인 증거가 부족합니다. 이 문제를 해결하기 위해 저자는 node_modules 에서 pdfjs-dist 패키지를 직접 수정하고 이러한 기능 이름을 바꾸는 것을 고려합니다. 그러나 종속성 패키지를 직접 수정하는 것은 모범 사례가 아닙니다.

궁극적으로 다른 접근 방식이 채택됩니다. .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 중국어 웹사이트의 기타 관련 기사를 참조하세요!