Como posso fazer com que um visitante's browser fique em tela cheia usando JavaScript, de uma forma que funcione com o IE, Firefox e Opera?
Isto é o mais próximo que você pode chegar ao ecrã completo em JavaScript:
<script type="text/javascript">
window.onload = maxWindow;
function maxWindow() {
window.moveTo(0, 0);
if (document.all) {
top.window.resizeTo(screen.availWidth, screen.availHeight);
}
else if (document.layers || document.getElementById) {
if (top.window.outerHeight < screen.availHeight || top.window.outerWidth < screen.availWidth) {
top.window.outerHeight = screen.availHeight;
top.window.outerWidth = screen.availWidth;
}
}
}
</script>
Felizmente para os utilizadores da Web insuspeitos isto não pode ser feito apenas com javascript. Você precisaria escrever plugins específicos para o navegador, se eles't já não existissem, e então de alguma forma conseguir que as pessoas fizessem o download deles. O mais próximo que você pode obter é uma janela maximizada sem nenhuma ferramenta ou barras de navegação, mas os usuários ainda serão capazes de ver a url.
window.open('http://www.web-page.com', 'title' , 'type=fullWindow, fullscreen, scrollbars=yes');">
No entanto, isto é geralmente considerado uma má prática, pois remove muitas funcionalidades do navegador do usuário.
Isto pode apoiar
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default5.aspx.cs" Inherits="PRODUCTION_Default5" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
<script type="text/javascript">
function max()
{
window.open("", "_self", "fullscreen=yes, scrollbars=auto");
}
</script>
</head>
<body onload="max()">
<form id="form1" runat="server">
<div>
This is Test Page
</div>
</form>
</body>
</html>