크롬 확장 프로그램은 크롬 브라우저의 기능을 좀더 향상 시켜 줄 수 있다.
크롬 확장 프로그램은 html, javascript, json으로 구성 되어 있다
기본적으로 manifest.json 이라는 파일이 존재 하여야 하며 이 파일은 확장 프로그램의
기본 설정에 대한 정보를 가지고 있다.
Manifest File Format
manifest.json은 json 형식으로 작성 되어야 한다.
{
"manifest_version" : 2
, "name" : "Extension Example"
, "version" : "0.0.0.1"
, "description" : "Extension Example"
, "browser_action" : {
"default_icon" : "inc/images/icon.png"
, "default_popup" : "popup.html"
, "default_title" : "Extension Example"
}
, "permissions" : [
"activeTab"
]
}
위의 내용을 보면
manifest_version 는 값이 2이어야 한다(새로운 버젼이 언제 나오면 바뀌겠지만)
name 은 확장프로그램 명.
version 은 확장 프로그램 버전
description 은 확장프로그램 설명
browser_action은 확장 프로그램을 만들기 위한 설정 정보가 있다.
default_icon : 화면에 보여질 아이콘명 기본이 png 형식이지만 다른 이미지 형식도 가능하다
default_popup : 확장 프로그램 시작시 실행될 html 파일(기본파일이라고 생각 하면 된다.)
default_title : 확장프로그램 풍선 내용.
permissions : 확장 프로그램 기능에 관한 접근 제어 관련 정보을 보여준다.
popup.html
<!DOCTYPE html>
<html>
<head>
<title>Chrome Extension</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css" >
body {
min-width: 400px; /* your desired width */
max-width: 100%;
position: relative;
vertical-align:middle;
}
</style >
</head>
<body>
<h1>Chrome Extension!!!</h1>
</body>
</html>
popup.html은 일반 html이다.
댓글 없음:
댓글 쓰기