[javascript] 크롬 확장 프로그램에 정보를 로컬로 저장하려면 어떻게해야합니까?

이제 Google Chrome의 storageAPI를 활용 하여이 작업도 수행 할 수 있습니다. 와 달리 localStorage콘텐츠 스크립트에서도 액세스 할 수 있습니다.

//  Somewhere in your manifest...

{
    "permissions": [
        "storage"
    ]
}

//  Usage:

//  PERSISTENT Storage - Globally
//  Save data to storage across their browsers...

chrome.storage.sync.set({ "yourBody": "myBody" }, function(){
    //  A data saved callback omg so fancy
});

chrome.storage.sync.get(/* String or Array */["yourBody"], function(items){
    //  items = [ { "yourBody": "myBody" } ]
});

//  LOCAL Storage

// Save data to storage locally, in just this browser...

chrome.storage.local.set({ "phasersTo": "awesome" }, function(){
    //  Data's been saved boys and girls, go on home
});

chrome.storage.local.get(/* String or Array */["phasersTo"], function(items){
    //  items = [ { "phasersTo": "awesome" } ]
});

이러한 헛소리가 작동하는 방식에 대한 자세한 내용은 https://developer.chrome.com/extensions/storage#type-StorageArea를 참조하세요.

이전 답변 :

localStorage를 사용하십시오 . Google 크롬은 HTML5의 일부 기능을 구현하며 그중 하나입니다.

//Pull text from user inputbox
var data = document.getElementById("this_input").value;
//Save it to the localStorage variable which will always remember what you store in it
localStorage["inputText"] = data;

백그라운드 페이지 (컨텐츠 스크립트 없음)에서만 스토리지에 액세스 할 수 있으므로이를 위해 메시징을 사용해야합니다.