极客观点
项目管理
HarmonyOS
一个页面是地址是http://192.168.1.202/，一个页面地址是http://192.168.1.183/，如何在a页面使用window.open打开页面b后，让页面b能够获取到页面a代码里面保存的本地缓存。相当于两个不同页面共用同一个缓存。
html5
AI BotBETA### 回答
在标准的浏览器环境中，由于同源策略（Same-Origin Policy）的限制，不同源的页面（即协议、域名或端口不同的页面）无法直接共享本地缓存（如 `localStorage`、`sessionStorage` 等）。这些存储机制是特意设计为隔离的，以防止跨站脚本攻击（XSS）。
#### 解决方案
1. **使用服务器端的存储**：
- 你可以将需要共享的数据存储在服务器端（如数据库、Redis 等），然后通过 API 请求来访问这些数据。
2. **使用第三方存储服务**：
- 使用如 Firebase、IndexedDB（虽然也受限于同源策略，但可以在单个域下管理多个应用的数据）、或者其它第三方存储解决方案来存储和共享数据。
3. **使用 URL 参数或 PostMessage**：
- 如果数据量不大，你可以考虑通过 URL 参数传递数据（虽然这种方法不适合大量数据）。
- 使用 `window.postMessage` 方法可以在不同源的窗口之间安全地传递消息。页面 A 可以将缓存数据通过 `postMessage` 发送给页面 B，前提是页面 B 需要监听来自页面 A 的消息。
// 页面 A 的代码
var otherWindow = window.open("http://192.168.1.183/", "_blank");
otherWindow.postMessage({ key: "value" }, "http://192.168.1.183");
// 页面 B 的代码
window.addEventListener("message", function(event) {
if (event.origin !== "http://192.168.1.202") {
// 不接受来自非信任源的消息
return;
}
console.log(event.data); // 处理接收到的数据}, false);
4. **修改同源策略（不推荐）**：
- 在开发环境中，你可以通过修改浏览器的安全设置或启动参数来放宽同源策略的限制，但这通常不推荐用于生产环境，因为它会极大地增加安全风险。
综上所述，最安全和最常见的方法是使用服务器端存储或 `window.postMessage` 来在不同源的页面之间共享数据。
window.open(b);
在b页面你可以使用window.opener拿到a页面的window对象，然后你就可以随便读取window对象上的属性和方法了
新手上路，请多包涵
使用中间网页作为桥接进行共享，这有一个开源库示例： https://github.com/zendesk/cross-storage/tree/master/example
由于页面A和页面B在同一个局域网但不同IP地址上，直接共享localStorage或sessionStorage是不可能的，因为这些存储机制遵循同源策略（即相同域名、协议和端口）。
可以使用postMessage方法在不同源之间进行通信。以下是一个示例，展示如何通过iframe和postMessage实现跨域数据共享：
1.在页面A中嵌入页面B的iframe并发送消息：
<!-- 页面A的HTML -->
<iframe id="iframeB" src="http://192.168.1.183/" style="display:none;"></iframe>
<script>
const iframe = document.getElementById('iframeB');
iframe.onload = () => {
const data = { key: 'sharedData', value: '这是共享的数据' };
iframe.contentWindow.postMessage(data, 'http://192.168.1.183');
};
</script>2.在页面B中接收消息并存储数据：
<!-- 页面B的HTML -->
<script>
window.addEventListener('message', (event) => {
if (event.origin === 'http://192.168.1.202') {
const { key, value } = event.data;
localStorage.setItem(key, value);
console.log('接收到的数据:', key, value);
}
});
</script>利用了postMessage来跨域传递数据，从而实现不同IP地址页面之间的数据共享。
推荐问题
扁平化数组转换成树形?
背景：需要将扁平化数组转换成树形数组。比如原始数组如下： {代码...} 期望转换后的数据 {代码...}8 回答4.6k 阅读✓ 已解决
省市区街道数据在哪里可以下载？
省市区街道数据在哪里可以下载？6 回答3.3k 阅读✓ 已解决
两个promise问题？
第一个问题，这个为什么先输出3后输出2呢 {代码...} 第二个问题，这个为什么会交错输出呢，142536 {代码...} promise小白一枚，上述两个疑问，希望能得到详细的解答5 回答2.8k 阅读✓ 已解决
网站的不同域名互相跳转如何保持登录态？
一个网站部署了多个域名（不是子域名），比如：www.abc.com和www.aaa.com,如何从一个域名跳转到另一个域名的时候，仍然保持登录态呢？6 回答2.3k 阅读
Vue项目一个报错无法找到原因?
排查了好久实在没有找到哪儿出了问题，时不时弹出来，编译结果又是正常的，尝试排查了好久但是一直没有办法排查出来，有遇到过这种报错的同学吗？或者有没有同学提供一种排查思路，因为我真的搞懵逼了。哈哈哈。5 回答6.3k 阅读✓ 已解决
如何在JavaScript中从外部中断for循环的执行？
js中如何从外部中断for循环，起因是这段代码上层会反复进入这个for循环，每次进入的时候需要清除之前的执行效果，所以需要在循环外部来取消？大佬们知道如何做吗？4 回答2.2k 阅读✓ 已解决
Quartz如何根据cron表达式计算任务开始前发送通知的时间？
任务调度任务的执行时间是cron表达式，使用quartz定时器生成任务现在需要在每次任务开始前一定时间（例：1天、一周、15分钟）发送通知在不改前端的情况下。有什么好的做法实现吗。计算通知的cron，有点过于复杂，也没有找到工具可以使用4 回答2.7k 阅读✓ 已解决
宣传栏
如果是从A页面中打开B页面，或者从B页面打开A页面，那么可以通过 window.postMessage 这个API进行跨源通讯。
如果不能保证这一层关系的话就不能了，老老实实通过后端通讯。