Para abrir uma nova janela do navegador no centro e reduzida ao ser chamada por um link (href
), você pode usar o JavaScript para manipular a janela que será aberta. Vou lhe mostrar um exemplo de como fazer isso:
- Crie uma função JavaScript que abrirá a nova janela no centro e reduzida.
<script>
function abrirJanelaCentroReduzida(url, nome, largura, altura) {
const left = (screen.width - largura) / 2;
const top = (screen.height - altura) / 2;
const janela = window.open(url, nome, `width=${largura}, height=${altura}, left=${left}, top=${top}`);
// Verifica se a janela foi aberta corretamente e foca nela.
if (window.focus) {
janela.focus();
}
}
</script>
- Em seguida, você pode criar um link (
<a>
) para chamar a função criada acima com os parâmetros necessários:
<a href="javascript:void(0);" onclick="abrirJanelaCentroReduzida('https://www.exemplo.com', 'nomeDaJanela', 800, 600)">Abrir janela reduzida</a>
Nesse exemplo, o link irá abrir uma nova janela no centro da tela com largura de 800 pixels e altura de 600 pixels, apontando para o URL 'https://www.exemplo.com'
.
Lembre-se de que algumas configurações do navegador podem bloquear pop-ups, então o comportamento pode variar de acordo com as configurações do usuário. Além disso, a abertura de janelas pop-up pode ser indesejada em alguns casos, por isso é sempre bom considerar o impacto na experiência do usuário antes de usar essa abordagem.