私はプログラミング全般、特にWeb開発にかなり慣れていません。私は基本的にメモを取るために使用される小さなプロジェクトを作成しています。これはChrome拡張機能であり、拡張機能アイコンをクリックするとポップアップが表示されます。AngularとMaterialを使用しています。基本的に、ポップアップにはテキストボックスがあります。拡張機能のポップアップをクリックすると、アプリが再読み込みされ、以前のテキストがすべて失われることを除いて、すべてが正常に機能しています。ページがリセットされたときにのみ拡張機能をリセットする方法はありますか?グーグルのブラウザアクションドキュメントを調べましたが、これを可能にするものは何もありません。
これは、chromeが拡張機能をロードするために使用するmanifest.jsonファイルです。
{
"manifest_version": 2,
"name": "NoteMaker",
"version": "1.0",
"browser_action": {
"default_icon": "NoteMakerIcon.png",
"default_popup": "index.html",
"default_title": "Note Maker"
}
}
Index.htmlファイルには、テキストボックスコンポーネントを含むapp-rootコンポーネントが含まれています。
可能であれば例を示すことになっていることは知っていますが、うまくいけば、これで十分です。
あなたはchrome.storage
(https://developer.chrome.com/extensions/storage#property-local)でそれを行うことができます
まず、:でstorage
宣言された権限が必要ですmanifest.json
。
{
"name": "NoteMaker",
...
"permissions": [
"storage",
...
],
...
}
その後、chrome.storage.sync
(ユーザーがログインしているすべてのブラウザーに同期されます)またはchrome.storage.local
(現在のブラウザーのみ)を使用できます。
例えば chrome.storage.sync.set({note: 'text'}, () => console.log('Note saved'));
chrome.storage.sync.get(['note'], (value) => console.log('Note value - ' + value.note));
お役に立てば幸いです。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加