대충 기록

내용 contentScript.js 에서 background.js 로 메세지 전송 background.js 에서 특정 함수 처리 대기(await) 후 결과 데이터를 contentScript.js 로 응답 contentScript.js 에서 결과 데이터 받은 후 남은 작업 처리 background.js에서 A함수 처리를 기다린 후 그 결과값을 sendResponse에 담아서 보내려고 하니, 갖가지 방법으로 (async-await, then, promise 등) 그리고 다양한 형태로 처리를 해보았지만 sendResponse 가 A 결과값을 가져오기 전에 response처리가 되는 것이 문제였다. 또한 비동기적으로 처리하니 Unchecked runtime.lastError: The message port cl..

설치 npm install -g chrome-extension-cli 프로젝트 생성 chrome-extension-cli 👇 프로젝트 생성 완료시 나오는 안내문구 npm run watch Listens for files changes and rebuilds automatically. npm run build Bundles the app into static files for Chrome store. We suggest that you begin by typing: 1. cd sellha 2. Run npm run watch 3. Open chrome://extensions 4. Check the Developer mode checkbox 5. Click on the Load unpacked extensi..

특정 텍스트를 넣어서 검색한 결과 html 을 수집 (크롤링) 수집한 html 내 태그 안의 데이터를 추출해야 함 작성한 내용 const url = `URL`; fetch(url) .then((response) => response.text()) .then((data) => { const parser = new DOMParser(); const doc = parser.parseFromString(data, 'text/html'); const json = doc.getElementById("__SCRIPT_TAG_ID__").innerHTML; }); } 👉🏻 fetch를 통해 받아온 html 데이터를 넘겨서 html파일로 인식하게 작업하는 데에 참고한 코드 더보기 fetch('/about').then(f..

Chrome Extension에서 JQuery를 쓰기 위해 popup.html 의 에 jquery src 를 추가했다. 그랬더니 아래와 같은 오류가 남. 오류내용 Refused to load the script 'https://code.jquery.com/jquery-3.3.1.min.js' because it violates the following Content Security Policy directive: "script-src 'self' blob: filesystem:". Note that 'script-src-elem' was not explicitly set, so 'script-src' is used as a fallback. 대충 핵심만 보면 Content Security Policy 를..