더 이상 window.open()을 사용할 수 없습니다

Question

양식 제출시 새 탭에서 PDF URL을 열어 양식을 제출 한 후 클라이언트 사이트에서 PDF를 다운로드하고 있습니다. 그러나 Chrome, Safari 및 FF에서는 모두 "팝업"을 차단합니다. 브라우저에서 window.open()을 차단하지 못하도록하는 방법에 대해 이야기하는 몇 가지 기사를 보았습니다. 그들은 보통 아약스와 관련이 있지만 아약스를 사용하지는 않습니다. 다른 기사에서는 window.open()이 click 이벤트 내에서만 작동하는 방법에 대해 설명합니다. 그리고 저것조차 저를 위해 작동하지 않는다.

그것은 감각의 톤을하지 않습니다하지만 내 예제에서 나는 작동하지 않고 차단됩니다, 클릭 나는 JQuery와 외부의 간단한 라인을 넣어하더라도

<script> 
    jQuery(document).ready(function() { 
     jQuery(".gform_confirmation_message a").on("click", function(e){ 
      e.preventDefault(); 
      var newWin = window.open("", "_blank"); 
      newWin.location = jQuery(".gform_confirmation_message a").attr("href"); 
     }); 

     jQuery(".gform_confirmation_message a").trigger("click"); 
    }); 
</script> 

을 유발하려고합니다.

var newWin = window.open("", "_blank"); 

또한 이들 중 하나는 절대적으로 아무 것도 아닙니다. 팝업 차단을 불러 오지 않습니다.

jQuery(".gform_confirmation_message a").trigger("click"); 
OR 
jQuery(".gform_confirmation_message a").click(); 

나는 브라우저가 스팸/광고 보안을 해치는 것을 알고 있지만 이것은 우습다.

Answer 1

팝업이 여전히 가능합니다. 단지 사용자 작업에 의해 트리거되어야합니다. 위조 된 click 이벤트를 만드는 것은 사용자 작업으로 간주되지 않습니다.

Content-Type: application/octet-stream 

또는

Content-Disposition: attachment 

을 HTML5로 : 다운로드를 시작할 수 있습니다

한 가지 방법은 단순히 즉시 다운로드합니다되도록 설정 올바른 콘텐츠 형식과 PDF로 페이지를 리디렉션하는 것입니다 임시 <a> 태그를 작성하여 다운로드를 시작하고 파일 URL에 download 속성을 설정하십시오. 가상 클릭 이벤트는 계속 작동합니다.

내가 브라우저 스팸/광고 보안 아래 망치 알고

var textFile = new Blob(["hello world"], {type: "text/plain"}); 
 
var blobUrl = URL.createObjectURL(textFile); 
 

 
var a = document.createElement("a"); 
 
a.href = blobUrl; 
 
a.download = "myTextFile.txt"; 
 
a.click(); // start the download

하지만 이건 말도 안돼.

팝업이 짜증납니다. 쓸데없는 팝업 창을 만들지 않고도 파일을 다운로드 할 수있는 방법은 많습니다.