목록Study/Chrome Extension (3)
:: ADVANCE ::
[Chrome Extension] 등록 & crx 파일 만들기 튜토리얼 사이트 : https://developer.chrome.com/extensions/getstarted.html 먼저 크롬 익스텐션이란 Chrome 브라우저에서 추가로 설치할 수 있는 플러그인 형태의 프로그램이다. 크롬 익스텐션의 설치나 관리는 우측 상단에 아이콘을 클릭하여 '도구' -> '확장 프로그램' 메뉴를 클릭하면 세부 설정이 가능하 다. 사이트는 chrome://extensions 크롬 익스텐션의 개발이 아닌 사용에 대한 간단한 설명은 http://barugi.com/collaboration/ 사이트를 참고하면 될 것이다. 자신이 만든 크롬 익스텐션을 로드하려면 먼저 확장 프로그램의 개발자 모드에 체크를 하여야 한다. 프로그램..
1234567891011url = 0; chrome.tabs.getSelected(null, function(tab) {// 지정된 창에서 선택한 탭을 가져온다. url = tab.url; document.getElementById('currentLink').innerHTML = url; // document.getElementById("id").innerHTML = "새로운 태그 삽입"; // document.getElementById("id").src = "이미지경로";}); console.log("url : " + url); cs url을 tab의 속성을 이용해서 가져온다. chrome.tabs.getSelected를 이용해서 가져왔는데 전역변수 url을 선언하고 저장해서 함수 밖에서 불러오려고 하..
{// 필수 입력 정보 사항"name":"My Extension",// 확장 프로그램 이름"version":"0.1",// 버전"manifest_version":2,// manifest.json 형식 버전 // 설명, 아이콘,"description":"확장 프로그램에 대한 일반적인 텍스트 설명","icons":{"16":"icon16.png","48":"icon48.png","128":"icon128.png"},"default_locale":"en",// 이건 뭐지 // Pick one (or none)(한가지 또는 선택하지 않음)"browser_action":{"default_icon":"icon.png","default_title":"QRCode Generator","default_popup":"qr..