LoginSignup
3
3

More than 1 year has passed since last update.

PythonでLocalStorageを操作する

Posted at

LocalStorageについて

LocalStorageは、Webブラウザーに保存されるデータを扱うためのAPIです。このAPIを使用することで、Webアプリケーションはブラウザー内に永続的にデータを保存できます。

LocalStorageは、JavaScriptを使用してアクセスできます。保存されたデータは、同じオリジン (プロトコル、ドメイン、ポート番号) を持つWebアプリケーションからのみアクセスできます。

Pythonでは、JavaScriptのLocalStorageを直接操作することはできませんが、PythonからSeleniumを使用することで、JavaScriptを実行することができます。

コード

PythonでSeleniumを使用してLocalStorageにデータを保存してみます

from selenium import webdriver

# Chromeを起動
driver = webdriver.Chrome()

# LocalStorageにデータを保存するJavaScriptを実行
driver.execute_script("window.localStorage.setItem('key', 'value')")

# LocalStorageからデータを取得するJavaScriptを実行
value = driver.execute_script("return window.localStorage.getItem('key')")
print(value)  # "value"が表示される

# Chromeを終了
driver.quit()

上記の処理の流れは、
Chromeを起動し、execute_scriptメソッドを使用してJavaScriptを実行しています。execute_scriptメソッドは、JavaScriptを実行して、結果をPython型で返すことができます。

補足

JavaScriptでLocalStorageを操作する方法

1.localStorageオブジェクトを取得します。

const localStorage = window.localStorage;

2.データを保存するには、setItemメソッドを使用します。このメソッドには、保存するデータのキーと値を渡します。

localStorage.setItem('key', 'value');

3.保存されたデータを取得するには、getItemメソッドを使用します。このメソッドには、取得するデータのキーを渡します。

const value = localStorage.getItem('key');

4.保存されたデータを削除するには、removeItemメソッドを使用します。このメソッドには、削除するデータのキーを渡します。

localStorage.removeItem('key');

5.LocalStorage内のすべてのデータを削除するには、 clear メソッドを使用します。

localStorage.clear();

補足

LocalStorageには、データのサイズの制限があります。各ブラウザーで異なるため、保存できるデータのサイズには注意が必要です。また、LocalStorageはセキュリティ上の問題を引き起こす可能性があるため、センシティブなデータを保存するには適していません。

3
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
3