js如何收藏网页

<code class="javascript">// 获取当前 URL
const url = window.location.href;

// 将 URL 存储在 localStorage 中
localStorage.setItem('收藏', url);</code>

<code class="javascript">// 从 localStorage 中获取已收藏的 URL
const url = localStorage.getItem('收藏');

// 在新标签页中打开已收藏的 URL
window.open(url, '_blank');</code>

<code class="javascript">// 创建一个 IndexedDB 数据库
const request = indexedDB.open('收藏', 1);

request.onsuccess = (e) => {
  // 打开数据库成功后执行此操作
  const db = e.target.result;

  // 在数据库中创建一个对象存储
  const store = db.createObjectStore('收藏', { keyPath: 'id' });

  // 将当前 URL 添加到对象存储中
  store.add({ id: Date.now(), url: url });
};

request.onerror = (e) => {
  // 打开数据库失败时执行此操作
  console.error('IndexedDB 发生错误');
};</code>

<code class="javascript">// 打开数据库
const request = indexedDB.open('收藏', 1);

request.onsuccess = (e) => {
  // 打开数据库成功后执行此操作
  const db = e.target.result;

  // 从数据库中获取对象存储
  const store = db.transaction('收藏').objectStore('收藏');

  // 获取所有已收藏的 URL
  store.getAll().onsuccess = (e) => {
    // 打印所有已收藏的 URL
    console.log(e.target.result);
  };
};

request.onerror = (e) => {
  // 打开数据库失败时执行此操作
  console.error('IndexedDB 发生错误');
};</code>