이번이 첫 투고입니다. 잘 부탁드립니다.

Google 크롬 확장 프로그램이 어디에 저장되어 있는지 잘 잊어 버리므로 메모하십시오.

확장 프로그램이 저장된 디렉토리

Mac

/Users/(ユーザ名)/Library/Application Support/Google/Chrome/Default/Extensions

Windows

C:\Users\(ユーザ名)\AppData\Local\Google\Chrome\User Data\Default\Extensions
이번에는 Mac을 중심으로 설명합니다.



위의 경로에 액세스하여 내용을 표시하면 즐겁게 디렉토리가 나옵니다. 하나하나의 디렉토리가 하나의 확장 기능에 대응하고 있어, 각각의 확장 기능의 ID 가 그대로 디렉토리명 (긴 것 같은 문자열)이 되어 있습니다.

탐색하려는 확장 프로그램이 있으면 해당 디렉토리에 액세스하여 소스 코드, 이미지 등을 볼 수 있습니다. 그러나 이것이 어떤 디렉토리에 어떤 확장 코드가 들어 있는지 알 수 없습니다. 그래서 조사하고 싶은 확장 기능의 ID를 먼저 조사합니다.

확장 프로그램 ID를 확인하는 방법

Chrome 웹 스토어에서 탐색하려는 확장 프로그램 페이지로 이동합니다. Chrome 웹 스토어를 방문하여 확장 프로그램을 검색하는 방법도 있지만 설치된 확장 프로그램이므로 확장 프로그램 페이지 (chrome://extensions)에서 확장 프로그램의 詳細를 클릭하거나 デベロッパーのウェブサイト 클릭하면 한 번에 이동할 수 있습니다 (확장 기능에 따라 Chrome Web Store에 대한 링크가 다릅니다).



Chrome 웹 스토어로 이동하면 이러한 페이지로 이동합니다. 이번에는 예를 들어 Google 문서도구의 ID를 살펴 보겠습니다. 이 페이지의 URL을 보면https://chrome.google.com/webstore/detail/google-docs/aohghmighlieiainnegkcijnfilokake이 되어 있고, 이 URL의 맨 마지막 패스, 이번에 말하는 aohghmighlieiainnegkcijnfilokake가 확장 기능의 패스가 됩니다.

그런 다음이 ID와 일치하는 디렉토리 이름을 찾으면 확장 프로그램의 소스 코드와 이미지를 볼 수 있습니다!

어떤 때 사용하는가?

자신은 취미로 Chrome의 확장 기능을 만들고 있습니다만, 다른 쪽이 만든 확장 기능으로 구현되고 있는 기능을 어떻게 실현하는지를 넷으로 조사해도 잘 모르는 경우에 그 확장 기능의 코드 를 보고 참고로 하겠습니다.

또한 Chrome에서는 테마가 하나만 적용됩니다. 즉, 새 테마를 적용하면 이전 테마가 삭제됩니다 (로컬에서도 삭제됩니다). 따라서 새로운 테마를 적용하기 전에 이전 테마의 코드나 이미지를 다른 장소에 보관해 두면 이전 테마가 무엇이었는지 잊어버려도 이전 테마로 되돌릴 수 있습니다.

요약

처음의 투고이므로 아직 잘 모릅니다만 이런 느낌으로 좋은 것입니까…
만약 질문이나 이러한 편이 좋다 등이 있으면 코멘트 주시면 기쁩니다!