在Web开发中，本地存储通常指的是浏览器的本地存储机制，如LocalStorage或SessionStorage。而实时服务器指的是远程服务器，可以通过网络访问。

在离线时，本地存储无法正常工作，因为它依赖于浏览器环境和网络连接。但是，在实时服务器上，你可以使用服务器端的存储机制来保存和获取数据。

下面是一个示例，演示了如何在离线时使用本地存储，并在实时服务器上使用服务器端存储。

1. 使用本地存储（LocalStorage）保存数据（仅在离线时有效）：

// 保存数据到本地存储
localStorage.setItem('data', JSON.stringify({ key: 'value' }));

// 从本地存储中获取数据
const data = JSON.parse(localStorage.getItem('data'));
console.log(data); // { key: 'value' }

2. 使用服务器端存储（如数据库）保存数据（实时服务器）：

// 通过网络请求将数据保存到服务器
fetch('/saveData', {
  method: 'POST',
  body: JSON.stringify({ key: 'value' }),
  headers: {
    'Content-Type': 'application/json'
  }
})
.then(response => response.json())
.then(data => {
  console.log(data); // { message: 'Data saved successfully' }
});

上述代码示例中，第一个示例使用了LocalStorage来保存数据，仅在离线时有效。第二个示例使用了fetch API来将数据保存到服务器端存储，可以在实时服务器上正常工作。

需要注意的是，服务器端的存储机制可能因具体的后端技术而有所不同，上述示例中的/saveData端点只是一个示意的URL，请根据实际情况进行修改。另外，服务器端存储还可能需要身份验证和授权等额外的处理。