跳转打开多个标签导致浏览器崩溃问题

问题

前端通过打开新的标签页进行跳转，打开的页面过多会导致浏览器奔溃，特别是含有地图的页面，对浏览器内存占用过多

原因

页面跳转使用的是window.open的方法，新打开的页面共用同一进程，从而导致浏览器内存占用过多而崩溃

解决方法

页面跳转打开新窗口时新开一个进程，使用a标签添加rel="noopener noreferrer"属性来解决此问题

let a = document.createElement('a'); 
a.setAttribute('href', url); 
a.setAttribute('target', '_blank');
a.setAttribute('rel', 'noopener noreferrer'); 
document.body.appendChild(a);
a.click();