💻 개발 일지/FrontEnd

[ 문제 ] 타이머를 적용하는 setInterval이 간헐적으로 실행되지 않음 새로운 window를 열었을 때, background.js가 재 실행되면서, tabId가 “”로 초기화 됨 setInterval Manifest V3로 이전 되면서, chrome alarms API로 변경 https://developer.chrome.com/docs/extensions/mv3/migrating_to_service_workers/#alarms chrome.alarms.create({ when:Date.now(), periodInMinutes: 1/60}); chrome.alarms.onAlarm.addListener(() => { // Do Action }); alarms 사용을 위해, Manifest에 Perm..

[ localStorage에서 데이터 얻기 ] 필요한 데이터를 이미 웹 페이지에서 localStorage에 저장하고 있었음! → localStorage 내용 얻어오기 1. 데이터 가져올 Tab의 ID 얻기 chrome.tabs.onUpdated.addListener((tabId, changeInfo, tab)=>{ if(changeInfo.status === 'complete'){ if(tab.url.includes("URL주소"){ globalTabId = tabId; } } }); 사용자가 미리 지정된 URL에 접속할 경우, 해당 탭의 ID를 저장 해당 프로젝트에서는 탭의 상태를 유지해야 하기 때문에 전역변수로 저장 후 활용 2. localStorage 가져올 Script 주입 chrome.scrip..

[ manifest.json ] 사용자의 Tab 정보를 활용하여 화면을 제어하기 때문에, permissions을 추가 /* manifest.json */ ... "permissions": [ "...", "tabs", "scripting" ], "host_permissions":[ /* 특정 URL에 script 주입을 위한 권한 */ "http://*/", "https://*/" ], ... [ Background JS ] 다양한 브라우저 event들을 monitoring하여 작업을 수행하는 코드를 작성한다 탭 URL 변경 감지 chrome.tabs.onUpdated.addListener((tabId, changeInfo, tab)=>{ if(changeInfo.status === 'complete')..

Chrome Extension 만들기 - 1 💡 Chrome Storage를 활용한 Extension의 CRUD [ 환경 ] [FE] HTML / CSS [BE] Javascript / JQuery [DB] Chrome Storage Chrome Extension ( MV3 ) [ manifest.json ] Chrome Extension의 뼈대같은 존재인 manifest.json 작성! manifest만 작성해도 Chrome Extension에 올려 앱을 확인할 수 있다. { "name": "Docong", "description": "Docong Extension", "version": "1.0", "manifest_version": 3", "action": { "default_popup": "pop..