확장 프로그램에 관련 옵션 페이지를 생성할 수 있습니다.
크롬 확장 프로그램 관리페이지에 옵션을 선택하실 수 있습니다.
EXAMPLE
Manifest.json
{
"name" : "My extension",
...
"options_page" : "options.html", // 옵션 페이지
...
}
options.js
// 내부저장소에 옵션에 할당한 값 저장
function save_options() {
var select = document.getElementById("color");
var color = select.children[select.selectedIndex].value;
localStorage["favorite_color"] = color;
// Update status to let user know options were
var status = document.getElementById("status");
status.innerHTML = "Options Saved.";
setTimeout(function() {
status.innerHTML = "";
}, 750);
}
// 내부저장소에서 옵션에 할당했던 값 불러오기
function restore_options() {
var favorite = localStorage["favorite_color"];
if (!favorite) {
return;
}
var select = document.getElementById("color");
for (var i = 0; i < select.children.length; i++) {
var child = select.children[i];
if (child.value == favorite) {
child.selected = "true";
break;
}
}
}
document.addEventListener('DOMContentLoaded', restore_options);
document.querySelector('#save').addEventListener('click', save_options);
options.html
<html> <head><title>My Test Extension Options</title></head> <body> Favorite Color:
</body> <script src="options.js"></script> </html>
'Chrome Extensions' 카테고리의 다른 글
| [Browser UI]Page Actions (0) | 2013.05.12 |
|---|---|
| [Browser UI]Override Pages (0) | 2013.05.12 |
| [Browser UI]chrome.omnibox (0) | 2013.05.10 |
| [Browser UI]Desktop Notifications (0) | 2013.05.10 |
| [Browser UI]contextMenus (0) | 2013.05.10 |
