Extension 튜토리얼9 크롬 익스텐션 튜토리얼 (9) Tabs Manager - chrome.local.storage 활용하기 목표 : 사용자로부터 [시작하기] URL를 입력받고 이를 크롬 익스텐션 로컬스토리지에 저장 및 관리한다. 결과물 미리보기 소스코드 : https://github.com/junsungc/chrome-extensions-samples/commit/f4afe0eb4dfc0382f4f881104848d16049bf0b6e 변경점 요약 > 임의로 요약된 diff 파일입니다. 주석 위주로 읽어보시면 파악이 빠릅니다. > 자세한 소스코드가 궁금하다면 위 github 링크를 참조 부탁드립니다. diff --git a/tutorials/tabs-manager/popup.html b/tutorials/tabs-manager/popup.html index 6072841..45d9c96 100644 --- a/tutorial.. 2023. 1. 15. 크롬 익스텐션 튜토리얼 (8) Tabs Manager - 탭 기능 만들기 목표 : [시작하기], [그룹화하기] 기능을 탭으로 구분한다. 결과물 미리보기 소스코드 : https://github.com/junsungc/chrome-extensions-samples/commit/44f06d11dc7f67f097909291a4b59e862f5d5ef9 변경점 요약 > 임의로 요약된 diff 파일입니다. 주석 위주로 읽어보시면 파악이 빠릅니다. > 자세한 소스코드가 궁금하다면 위 hithub 링크를 참조 부탁드립니다. diff --git a/tutorials/tabs-manager/popup.html b/tutorials/tabs-manager/popup.html index 1c86e8b..6072841 100644 --- a/tutorials/tabs-manager/popup.htm.. 2023. 1. 7. 크롬 익스텐션 튜토리얼 (7) Tabs Manager - 새 창에 지정한 URL 띄우기 목표 : 새 창에 지정한 URL 리스트를 띄울 수 있는 지 확인한다 이번 포스팅은 새창에 URL이 띄우는게 가능한 지 프로토타입 모델의 테스트 과정을 기록하였다. 결과물 미리보기 소스코드 : https://github.com/junsungc/chrome-extensions-samples/commit/58f1e27189d2532358ec90747568e9b5e79e26fa 58f1e27189d2532358ec90747568e9b5e79e26fa diff --git a/tutorials/tabs-manager/popup.html b/tutorials/tabs-manager/popup.html index 04d2600..1c86e8b 100644 --- a/tutorials/tabs-manager/popup... 2023. 1. 6. 크롬 익스텐션 튜토리얼 (6) Tabs Manager - 그룹화 해제 기능 목표 : 그룹화 해제 기능이 있는 버튼을 추가한다. 결과물 미리보기 * 소스코드 : https://github.com/junsungc/chrome-extensions-samples/tree/main/tutorials/tabs-manager 커밋 : 9dced6b1efbc5815e0958203375fbb12b23868ca(버그수정), 2e88cc0850571b4d7ca9427c0bdcb1fd85e6fc4a 1. 9dced6b1efbc5815e0958203375fbb12b23868ca 먼저 이전 포스팅에서 index 정렬에서 sort버그를 발견하여 이를 수정하였다. 버그내용 : tab의 index가 1~9까지는 sort가 정상적으로 작동하는 듯 보였으나 index 10부터 정렬이 수상하길래 파악해보니 튜토리.. 2022. 12. 31. 크롬 익스텐션 튜토리얼 (5) Tabs Manager - hostname별 그룹화 목표 : hostname별로 탭을 그룹화하기 결과물 미리보기 * 소스코드 관리를 위해 저의 개인 github로 fork 하였습니다. 코드는 다음의 주소에서 받으실 수 있습니다. https://github.com/junsungc/chrome-extensions-samples/tree/main/tutorials/tabs-manager 커밋 : 0dfb09191a79ea22b870516e934c11eacfbdac93 수정된 파일은 두개이다. 참고로 아래 diff 파일은 가독성을 올리기 위해 필요한 부분만 편집한 (동작하지 않는) diff파일이다. //주석처리된 부분을 집중적으로 읽으면 편하다. 1.mainpref.json diff --git a/tutorials/tabs-manager/manifest.json.. 2022. 12. 31. 크롬 익스텐션 튜토리얼 (4) Tabs Manager 목표 : 탭을 그룹화하기 결과물 미리보기 소스코드 : https://github.com/GoogleChrome/chrome-extensions-samples/tree/main/tutorials/tabs-manager 위 익스텐션 개발에는 총 3개의 파일이 필요하다. (icon,css 제외) 1. manifest.json { "manifest_version": 3, "name": "Tab Manager for Chrome Dev Docs", "version": "1.0", "icons": { "16": "images/icon-16.png", "32": "images/icon-32.png", "48": "images/icon-48.png", "128": "images/icon-128.png" }, "acti.. 2022. 12. 30. 이전 1 2 다음
