어떻게 열려있는 창을 사용하지 않고 탭을 닫습니다

Question

내가 사용하는 일부 페이지의 콘텐츠와 (새로운 프로세스에서) 새 탭을 엽니 다

var p = document.getElementById("myElement"); 
var a = document.createElement('a'); 
a.setAttribute('href',".../mypage.html"); 
a.setAttribute('rel',"noreferrer"); 
a.setAttribute('target',"_blank"); 
p.appendChild(a); 
a.click(); 

http://news.softpedia.com/news/Force-Google-Chrome-to-Open-Links-in-New-Processes-128962.shtml

이 코드를 사용할 때 새로운 항상 열려 탭, 이 코드를 호출하면 새 탭에서 이전 호출 이었는지 확인한 다음 닫고 새 탭에서 새 호출이 열리길 원합니다. 또는 닫지 않고 이전 탭에서 새 페이지를 실행할 수 있습니다.

나는 당신이 포함 된 모든 페이지를 제어 할 경우 일반 window.open API의 ...

Answer 1

내 대답 here과 동일한 기술을 사용하십시오. 그러나 주 창에서 dom을 변경하는 대신 window.close()를 호출하십시오. Example

Answer 2

Service workers은 가능성이다 사용할 수 없습니다.

How to Send Messages Between Service Workers and Clients은 각 페이지에 들어가는 서비스 작업자를 구현하는 방법을 설명하고 해당 페이지간에 메시지를 브로드 캐스팅하는 수단을 제공합니다.

서비스 근로자는 DOM에 액세스 할 수 없습니다. 대신 메시지가 특정 클라이언트 (페이지)로 전달되도록 조정 한 다음 해당 클라이언트가 해당 메시지를 기반으로 고유 한 DOM 조작을 수행 할 수 있습니다.

솔루션에 관계없이 페이지는 보안을 위해 샌드 박싱되어 있으므로 상호 작용하기 위해 일종의 자발적인 동의가 필요합니다. 그렇지 않은 경우 다른 페이지/탭에 비밀번호를 입력 할 때 한 페이지/탭을 도용하는 것이 특히 쉽습니다.

Answer 3

SharedWorker (서비스 종사자가 아닌 다른 항목)이 필요합니다. 이전에 링크 된 MDN 페이지에 완전한 예제가 있습니다.

그럼에도 불구하고 caniuse.com에 따르면 localStorage은 이와 같은 작은 작업을 조정할 수있는 호환성에 관한 더 나은 옵션입니다. example.html 내부 지금

<a href="example.html" rel="noreferrer" target="_blank">Open in another process</a> 
<button>Close</button> 
<script> 
document.querySelector('button').onclick =() => { 
    // Change the value if you want the storage event to be triggered. 
    localStorage.setItem('close', Date.now()); 
}; 
</script> 

: 그리고, index.html 내부의 특정 사례를 들어

<p>This page is in another process.</p> 
<script> 
window.addEventListener('storage', event => { 
    if (event.key === 'close') { window.close(); } 
}); 
</script> 

는 희망이 도움이!