如何让带有localStorage的angular项目在每个浏览器上都能工作？

if (typeof(Storage) !== "undefined") {
  // 浏览器支持localStorage
} else {
  // 浏览器不支持localStorage
}

import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root'
})
export class LocalStorageService {
  get(key: string): any {
    const value = localStorage.getItem(key);
    return JSON.parse(value);
  }

  set(key: string, value: any): void {
    const serializedValue = JSON.stringify(value);
    localStorage.setItem(key, serializedValue);
  }
}

import { Component } from '@angular/core';
import { LocalStorageService } from './local-storage.service';

@Component({
  selector: 'app-example',
  template: `
    <button (click)="saveData()">Save Data</button>
    <button (click)="loadData()">Load Data</button>
  `
})
export class ExampleComponent {
  constructor(private localStorageService: LocalStorageService) {}

  saveData(): void {
    const data = { name: 'John', age: 30 };
    this.localStorageService.set('userData', data);
  }

  loadData(): void {
    const data = this.localStorageService.get('userData');
    console.log(data);
  }
}