Como posso detectar o nível de zoom da página em todos os navegadores modernos? Embora este tópico explique como fazê-lo no IE7 e IE8, não consigo encontrar uma boa solução entre navegadores.
O Firefox armazena o nível de zoom da página para acesso futuro. No carregamento da primeira página, seria possível obter o nível de zoom? Em algum lugar que li, funciona quando ocorre uma alteração de zoom após o carregamento da página.
Existe uma maneira de interceptar o
'zoom'
evento?
Preciso disso porque alguns dos meus cálculos são baseados em pixels e podem variar quando ampliados.
Amostra modificada fornecida por @tfl
Esta página alerta diferentes valores de altura quando ampliada. [jsFiddle]
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js" type="text/javascript"/></script>
</head>
<body>
<div id="xy" style="border:1px solid #f00; width:100px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sollicitudin tortor in lacus tincidunt volutpat. Integer dignissim imperdiet mollis. Suspendisse quis tortor velit, placerat tempor neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent bibendum auctor lorem vitae tempor. Nullam condimentum aliquam elementum. Nullam egestas gravida elementum. Maecenas mattis molestie nisl sit amet vehicula. Donec semper tristique blandit. Vestibulum adipiscing placerat mollis.</div>
<button onclick="alert($('#xy').height());">Show</button>
</body>
</html>