Atributo outerWidth da Window

Definição e uso

outerWidth O atributo retorna a largura externa da janela do navegador, incluindo todos os elementos da interface (como barras de ferramentas/rolagem).

outerWidth O atributo é de leitura apenas.

Veja também:

Atributo outerHeight

Atributo innerWidth

Atributo innerHeight

Exemplo

Exemplo 1

Obter a altura e largura da janela do navegador:

let width = window.outerWidth;

Experimente pessoalmente

let width = outerWidth;

Experimente pessoalmente

Exemplo 2

Todos os atributos de altura e largura:

let text =
"<p>innerWidth: " + window.innerWidth + "</p>" +
"<p>innerHeight: " + window.innerHeight + "</p>" +
"<p>outerWidth: " + window.outerWidth + "</p>" +
"<p>outerHeight: " + window.outerHeight + "</p>";

Experimente pessoalmente

Sintaxe

window.outerWidth

ou:

outerWidth

Valor retornado

Tipo Descrição
Número Largura da janela do navegador, incluindo todos os elementos da interface, em pixels.

Suporte do navegador

Todos os navegadores suportam window.outerWidth:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Suporte 9-11 Suporte Suporte Suporte Suporte