Extension 튜토리얼9 크롬 익스텐션 튜토리얼 (3) Focus Mode 목표 : 현재 페이지의 CSS를 수정하여 집중모드 만들기 소스코드 : https://github.com/GoogleChrome/chrome-extensions-samples/tree/main/tutorials/focus-mode 위 익스텐션 개발에는 총 3개의 파일이 필요하다. (icon 제외) 1. manifest.json { "manifest_version": 3, "name": "Focus Mode", "description": "Enable reading mode on Chrome's official Extensions and Chrome Web Store documentation.", "version": "1.0", "icons": { "16": "images/icon-16.png", "32":.. 2022. 12. 30. 크롬 익스텐션 튜토리얼 (2) reading-time 목표 : 현재 페이지의 컨텐츠를 읽는 데 걸리는 시간 Reading Time 계산하고 알려주기 결과물 미리보기 소스코드 : https://github.com/GoogleChrome/chrome-extensions-samples/tree/main/tutorials/reading-time 위 익스텐션 개발에는 총 2개의 파일이 필요하다. (icon 제외) 1. manifest.json { "manifest_version": 3, "name": "Reading time", "version": "1.0", "description": "Add the reading time to Chrome Extension documentation articles", "icons": { "16": "images/icon-16.p.. 2022. 12. 30. 크롬 익스텐션 튜토리얼 (1) hello-world 목표 : "Hello World!!" 팝업 출력되는 익스텐션 제작하기 github : https://github.com/GoogleChrome/chrome-extensions-samples/tree/main/tutorials/hello-world 위 Hello World 익스텐션 개발을 위해 충 4개의 파일이 필요하다. 1. manifest.json { "name": "Hello Extensions of the world!", "description": "Base Level Extension", "version": "1.0", "manifest_version": 3, "action": { "default_popup": "hello.html", "default_icon": "hello_extensions... 2022. 12. 30. 이전 1 2 다음
