斷開一個彈出的當前URL，並切換到一個新的URL

Question

我有一個（父）頁面可以通過

popup = window.open("https://localhost:3000/#/new", "popup", "status=1, location=1, width=1000, height=1200"); 

我也曾在後端實現打開一個彈出（即www）：

io.sockets.on('connection', function (socket) { 
    console.log("LOG: just connected: " + socket.id); 
    socket.emit('id', socket.id); 
    socket.on('disconnect', function() { 
    console.log("LOG: just disconnected: " + socket.id) 
    }) 
}) 

因此，關閉MANUALLY彈出顯示LOG: just disconnected: ...。

父頁面不時想要更改彈出窗口的URL。如果我使用popup.location.href = newUrl，彈出窗口會加載新頁面，但它不會斷開以前的URL;顯示沒有LOG: just disconnected: ...。當我手動關閉彈出窗口時，它顯示多個插座同時斷開連接。

我希望父頁面能夠斷開彈出窗口的當前URL並在保持彈出窗口打開的情況下更改爲新的URL。因爲關閉並重新打開彈出窗口會改變其位置/大小，所以這不是我想要的。

有誰知道如何做到這一點？

Answer 1

父頁面可以發送close消息（例如，postMessage）到子頁面。然後，在子頁面一側，它可以強制斷開disconnect()。

參考文獻：1和2。