質問: 最近のすべてのブラウザでページのテーマレベルを検出する方法 最近のすべてのブラウザでページのズームレベルを検出する方法を教えてください。これ thread はie7とie8でそれを行う方法を教えてくれますが、私は良いクロスブラウザソリューションを見つけることができません。 firefoxは将来のアクセスのためにページのズームレベルを保存します。最初のページの読み込みで、ズームレベルを取得できますか?私が読んだどこかでズームの変更が発生したときに動作しますafterページがロードされています。 'zoom'イベントをトラップする方法はありますか? 私の計算のいくつかはピクセルベースで、ズームすると変動する可能性があるので、これが必要です。@tflによる修正サンプルこのページはズーム時にさまざまな高さの値を警告します。 [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>
回答: あなたが試すことができますvar browserzoomlevel = math.round(window.devicepixelratio * 100); これにより、ブラウザのズーム率レベルがわかります。ズームイベントをキャッチするにはあなたが使用することができます$(window).resize(function() { // your code });