Chrome Extension 6

A browser action with a popup that changes the page color

[크롬 익스텐션 개발하기]Chrome Extension Sample page 소스분석https://developer.chrome.com/extensions/samples A browser action with a popup that changes the page colorChange the current page colorCALLS:tabs.executeScriptSOURCE FILES:icon.pngmanifest.jsonpopup.htmlpopup.js1. 프로그램 설명 이번 코드는 page redder의 응용 버전이다.browser action 클릭 후 popup에서 색상을 입력받아 현재 활성화된 페이지의 background color로 설정한다. 2. 소스코드 설명manifest에서는 현재 활성화..

Chrome Extension 2015.05.02

A browser action which changes its icon when clicked

[크롬 익스텐션 개발하기]Chrome Extension Sample page 소스분석https://developer.chrome.com/extensions/samples A browser action which changes its icon when clickedChange browser action color when its icon is clickedCALLS:browserAction.onClickedbrowserAction.setIconSOURCE FILES:background.jsicon1.pngicon2.pngicon3.pngicon4.pngicon5.pngmanifest.json1. 프로그램 설명 오른쪽 상단의 extension 버튼을 클릭하면 아이콘의 색상이 변경된다. extension의 현..

Chrome Extension 2015.05.02

Print this page

[크롬 익스텐션 개발하기]Chrome Extension Sample page 소스분석https://developer.chrome.com/extensions/samples Print this pageAdds a print button to the browser.CALLS:browserAction.onClickedtabs.updateSOURCE FILES:background.jsmanifest.jsonprint_16x16.png1. 프로그램 설명 프린트 모양의 아이콘 클릭 시 현재 Active 상태인 탭의 print 화면이 생성된다.프린트 화면에서 '인쇄' 버튼을 누르면 출력되는 간단한 소스현재로서는 큰 활용 용도가 없어 보인다.응용적 측면에서는 Active Tab 전체 페이지 인쇄가 아닌 일부 영역 선택 ..

Chrome Extension 2015.04.29

Page Redder

[크롬 익스텐션 개발하기]Chrome Extension Sample page 소스분석https://developer.chrome.com/extensions/samples Make the current page redCALLS:browserAction.onClickedtabs.executeScriptSOURCE FILES:background.jsmanifest.json 1. 프로그램 설명크롬 익스텐션 개발에 가장 처음 관심을 갖게 한 Sample이다.해당 프로그램을 실행시키면 현재 활성화 된 웹페이지의 body 스타일에 background를 빨강으로 세팅한다.내부 코드는 간단하지만 웹페이지에 대한 접근 권한을 얻을 수 있기 때문에 이후 활용도 및 확장성면에서 가장 유용한 코드이다. [프로그램 실행 전 웹페..

Chrome Extension 2015.04.21

My Bookmarks

[크롬 익스텐션 개발하기]Chrome Extension Sample page 소스분석https://developer.chrome.com/extensions/samples My BookmarksCALLS:bookmarks.createbookmarks.getTreebookmarks.removebookmarks.updatetabs.createSOURCE FILES:icon.pngmanifest.jsonpopup.htmlpopup.js1. 프로그램 설명 해당 샘플은 크롬 함수를 통해 북마크 현황조회, 북마크 추가, 새 탭 생성으로 북마크 이동 기능을 지원한다. 북마크에 관련된 함수 위주의 샘플이기 때문에 크게 사용할일은 없을 것 같다. 2. 소스 설명 manifest.json bookmark 접근 권한 설정, ..

Chrome Extension 2015.04.20