Chrome Extensions2013. 5. 11. 23:11

확장 프로그램에 관련 옵션 페이지를 생성할 수 있습니다.

크롬 확장 프로그램 관리페이지에 옵션을 선택하실 수 있습니다.


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
Posted by 건깡