Browsing Assist 크롬 익스텐션 - 7

✔️ 특정 도메인에서 확장 프로그램 기능의 활성화/비활성화 구현

Browsing Assist기능을 사용하고 싶지 않을 때도 있죠!

이를 대비해 특정 도메인에서 확장 프로그램의 기능을 활성화/비활성화하는 기능을 구현했습니다.

---

📄 Chrome Storage API 사용하기

Chrome Strorage에는 local과 sync가 있습니다.

• local은 말 그대로 로컬에 저장됩니다. 특정 컴퓨터에서만 데이터가 저장되기 때문에, 다른 컴퓨터에서는 적용되지 않는 문제가 있습니다.

• sync는 동기화가 되어 다른 컴퓨터에서도 적용됩니다. 그러나 용량이 제한적이라는 단점이 있습니다.

하지만 domain을 저장하는데는 큰 무리가 없습니다.

코드로 살펴볼까요?

 const handleToggle = () => {
    const newState = !isEnabled;
    setIsEnabled(newState);
    chrome.storage.sync.set({ [domain]: newState });
  };

토글 이벤트입니다. 해당 domain을 key값으로 true, false값을 저장하는데요

이 값을 토대로 활성화, 비활성화 기능을 구현하면 됩니다.

---

이렇게 해서 Browsing Assist 크롬 익스텐션 개발 일지는 끝이 났습니다. 감사합니다. 😊