【Chrome拡張機能開発】データの保存・取得のやり方

JSの記述方法

ディレクトリの構造、各種ファイルの説明が出来たら後はjsを書いていくのみです。

とは言っても各自作りたいものは違うと思うのでここでは各種記述の書き方のみ説明します。

データの保存

こちらはバックグラウンドのみで機能します。 記述はたったこれだけ

chrome.storage.local.set(Object);

 

Objectの所に保存したいデータを置くだけなのですが数点注意点があります

データの注意点

  • 形式はObject形式のみ対応、配列はObject.assign({}, 配列)などで形式を変換しましょう。
  • 配列の深さには上限が有り一定以上深いデータは保存出来ない
  • Objectに置いた形式でまるごと上書きされる。
  • データはプラグインごとに保存される。

以上の点を踏まえデータの保存・管理をしましょう。

データの取得

こちらはフロント・バックグラウンド両方で動作します。

chrome.storage.local.get(取得したいキー).then(data=>{
  // 変数「data」に取得した値が保存されるのでこの中で処理を行う
});

 

こちらもカンタンですね。

取得したいキーのところにnullを入れれば全てのデータを取得できます。

新規にデータを追加したい時はnullの使用をオススメします。

このようにJSの基礎さえできていればデータの保存・取得も簡単に出来ます。

簡単なので皆さんもブラウザに欲しい機能があれば自作してみるのも良いかもしれませんよ!?

著者:

■□■□■□■□■□■□■□■□■□■□

福岡のホームページ制作・運用は
株式会社レッドキリン

営業時間:平日9:00〜18:00

●福岡オフィス
〒810-0042
福岡市中央区赤坂1-12-6 赤坂Sビル2F
TEL:092-726-5550 FAX:092-726-5558

●宮崎出張所
〒880-0001
宮崎県宮崎市橘通西3-10-32
宮崎ナナイロ東館8FATOMica内

メールでのお問合せ
ホームページ制作実績
会社案内

■□■□■□■□■□■□■□■□■□■□

contact

ホームページ制作に関することなら、
バナー1個からでもお気軽にご連絡ください。

お電話でのお問い合わせ

<福岡本社・宮崎サテライトオフィス共通>
平日9:00〜18:00まで。営業・セールス目的のお電話は固くお断りいたします。

092-726-5550 092-726-5550

メールでのお問い合わせ

ご相談をご希望の場合、まずはお問い合わせフォームよりご連絡ください。
確認後、担当者よりご連絡させていただきます。

お問い合わせフォーム

会社案内ダウンロード

社内で検討されたい方のために、弊社の特徴や実績、会社概要などをまとめた会社案内をご用意しています。ご自由にダウンロードください。

ダウンロードはこちら
yahoo!japanプロモーション広告

当社はYahoo!プロモーション広告の代理店です。
(福岡県福岡市中央区赤坂)

採用関連の電話営業やセールス目的でのお電話は業務の妨げとなりますので固くお断りいたします。
一度電話口でお断りした企業様は着信拒否登録をしております。ご了承ください。