- Extensions - Chrome Developers1
- Migrating to Manifest V3 - Chrome Developers2
- Migrating from background pages to service workers - Chrome Developers3
- WebExtensions - Mozilla | MDN4
- Helpful Tips for Starting a Next.js Chrome Extension | CSS-Tricks - CSS-Tricks5
- chrome.runtime
- WXT
- Work with the Cookies API - Mozilla | MDN
- cookies - Mozilla | MDN
- Internationalization - Mozilla | MDN
- Internationalize your extension - Chrome Developers
Footnotes
- Check whether user has a Chrome extension installed 특정 확장도구가 설치되어 있는지 판별하는 방법
# 크롬 익스텐션이 설치되는 경로는 다음과 같다
/Users/USERNAME/Library/Application Support/Google/Chrome/Default/Extensions
웹 페이지가 확장 리소스를 읽을 수 있는 건 web_accessible_resources 에 선언된 것뿐이다.1
function isInstalled(extensionId) {
return new Promise((resolve, reject) => {
const img = new Image()
img.src = `chrome-extension://${extensionId}/icon-128.png` // 해당 리소스가 `web_accessible_resources`에 선언되어 있는지 확인이 필요하다.
img.onload = () => {
resolve(true)
}
img.onerror = () => {
reject()
}
})
}
Footnotes
-
Manifest - Web Accessible Resources - Chrome for Developers: “By default no resources are web accessible, as this allows a malicious website to fingerprint extensions that a user has installed…” ↩