Trang web có thể buộc trình duyệt chuyển sang chế độ toàn màn hình không?

Question

Tôi muốn chạy một nghiên cứu tâm lý mà người tham gia phải xem những hình ảnh lớn.

Thử nghiệm được thực hiện trên web và do đó trong cửa sổ trình duyệt. Có thể yêu cầu trình duyệt chuyển sang chế độ toàn màn hình, ví dụ như khi nhấn nút?

Tôi biết có khả năng mở cửa sổ bật lên có kích thước cố định. Bạn có nghĩ đây sẽ là một lựa chọn khả thi? Và nếu, cách tốt nhất để làm điều đó là gì? Có cách nào thanh lịch để phát hiện một trình chặn quảng cáo, để dự phòng và chạy nghiên cứu trong cửa sổ trình duyệt gốc.

Mối quan tâm chính là những người tham gia nghiên cứu này không quen thuộc với các chi tiết kỹ thuật và không nên bị làm phiền bởi chúng.

Answer 1

Tôi đã tìm thấy một số mã sau khi tìm kiếm.

function fullscreen() { 
    var element = document.getElementById("content"); 
    if (element.requestFullScreen) { 
     if (!document.fullScreen) { 
      element.requestFullscreen(); 
      $(".fullscreen").attr('src',"img/icons/panel_resize_actual.png"); 
     } else { 
      document.exitFullScreen(); 
      $(".fullscreen").attr('src',"img/icons/panel_resize.png"); 
     } 

    } else if (element.mozRequestFullScreen) { 

     if (!document.mozFullScreen) { 
      element.mozRequestFullScreen(); 
      $(".fullscreen").attr('src',"img/icons/panel_resize_actual.png"); 
      google.maps.event.trigger(map, 'resize'); 
     } else { 
      document.mozCancelFullScreen(); 
      $(".fullscreen").attr('src',"img/icons/panel_resize.png"); 
     } 

    } else if (element.webkitRequestFullScreen) { 

     if (!document.webkitIsFullScreen) { 
      element.webkitRequestFullScreen(); 
      $(".fullscreen").attr('src',"img/icons/panel_resize_actual.png"); 
      google.maps.event.trigger(map, 'resize'); 
     } else { 
      document.webkitCancelFullScreen(); 
      $(".fullscreen").attr('src',"img/icons/panel_resize.png"); 
     } 
    } 
} 

Nó sẽ sử dụng html5 api. Tôi chuyển đổi với jquery một hình ảnh đặc biệt cho nó. Hy vọng rằng sẽ giúp đỡ. Tại thời điểm này, tôi không biết nếu bạn có thể ép buộc nó, bởi vì nó đã bị cấm do an ninh.

Answer 2

F11 đưa IE và Firefox vào chế độ toàn màn hình. Tôi chắc chắn rằng nó có thể để toàn màn hình, kể từ YouTube và các trang web video streaming khác có thể làm điều đó với Flash, nhưng tôi không biết làm thế nào với javascript.

Answer 3

Trước đây, tôi đã thấy các trang web thực hiện việc này. Tuy nhiên, vì nó vô cùng khó chịu và thường được quảng cáo cho các trang web pr0n, kỹ thuật này có thể bị chặn trong các trình duyệt gần đây. Nhưng tôi nghĩ điểm quan trọng là: nó cực kỳ khó chịu và thường được quảng cáo cho các trang web pr0n, vì vậy bạn có thể không muốn kết hợp với chính mình những thứ như vậy, vì vậy có lẽ tốt nhất bạn nên yêu cầu người dùng của bạn tối đa hóa trình duyệt.

Answer 4

Không có một cách để thay đổi kích thước cửa sổ hiện hành để toàn màn hình, nhưng bạn có thể mở một cửa sổ bật lên trên toàn màn hình:

<script type="text/javascript"> 
<!-- 
function popup(url) 
{ 
params = 'width='+screen.width; 
params += ', height='+screen.height; 
params += ', top=0, left=0' 
params += ', fullscreen=yes'; 

newwin=window.open(url,'windowname4', params); 
if (window.focus) {newwin.focus()} 
return false; 
} 
// --> 
</script> 

<a href="javascript: void(0)" 
    onclick="popup('popup.html')">Fullscreen popup window</a> 

Answer 5

Bạn chỉ có thể nói với người dùng nhấn F11. Bên cạnh nó, đặt 'tại sao?' liên kết và giải thích lý do tại sao bạn cảm thấy họ cần phải ở chế độ toàn màn hình.

Tôi không nghĩ rằng bạn có thể buộc trình duyệt phải xem toàn màn hình và trên thực tế, nếu bạn có thể làm điều đó, tôi sẽ rất tức giận với trình duyệt của mình. Nó quá xâm lấn. Ngay cả Flash cũng có bảo mật để buộc plugin chuyển sang chế độ toàn màn hình yêu cầu sự kiện bắt nguồn bằng tương tác của người dùng. Vì vậy, nếu điều đó quan trọng đối với bạn, đây có thể là lý do tốt để sử dụng plugin Flash vì bạn có thể đính kèm cuộc gọi đi toàn màn hình vào nút gây hiểu lầm cho biết 'bắt đầu bài kiểm tra' (hoặc bất kỳ thứ gì).

Nhưng, đừng làm thế. Chỉ cần được thẳng về phía trước với người sử dụng và nói với họ để nhấn F11.

EDIT: Tôi vừa thử mã mẫu được cung cấp trong một nhận xét khác và tôi rất vui khi nói rằng Firefox sẽ mở ra một cửa sổ được tối đa hóa với thanh địa chỉ chứ không phải cửa sổ toàn màn hình.

Answer 6

Mở một cửa sổ mới trong chế độ toàn màn hình trên IE:

<script> 
<!-- 
window.open("page.html","fs","fullscreen,scrollbars") 
//--> 
</script> 

Đưa vào "Close" liên kết trên page.html có thể là một ý tưởng tốt:

<a href="#" onclick="window.close()">Close Window</a> 

Answer 7

Để sửa đổi phụ huynh cửa sổ, hãy thử một cái gì đó như:

window.opener.location.href = '/confirmation/page.html'; 

Answer 8

Tính năng này thú vị hơn đối với các trình duyệt di động, hỗ trợ toàn màn hình. Trình duyệt di động nhất sẽ không có tùy chọn cho toàn màn hình bằng cách nhấn vào tùy chọn. Bạn có thay đổi để chuyển sang chế độ toàn màn hình để có cảm giác ứng dụng nhỏ.