javascript - Javascript：如何使用第三方获取浏览器缩放级别

Question

如何在所有已知浏览器中获取浏览器缩放级别？这是如何在所有现代浏览器中检测页面缩放级别的新解决方法？

这个想法是使用 flash 或HTML5 Canvas来找到解决方案。

目前找到了一种使用闪存的解决方案。

Answer 1

您需要使用 JavaScript 桥创建一个 flash 文件，如下所示：

[SWF(width='100',height='100')]
public class SizeHack extends Sprite
{
    public function SizeHack()
    {
        if(stage){
            onAddToStage();
        }
        else{
            addEventListener(Event.ADDED_TO_STAGE, onAddToStage);
        }
    }

    protected function onAddToStage(event:Event = null):void
    {
        removeEventListener(Event.ADDED_TO_STAGE, onAddToStage);

        // security settings to allow scripting between domains
        Security.allowDomain("*");
        Security.allowInsecureDomain("*");

        // register to javascript
        ExternalInterface.addCallback("getSize", onSizeRequet);

        // stage scale mode must be noscale
        stage.scaleMode = StageScaleMode.NO_SCALE;
    }

    private function onSizeRequet():Number
    {
        if(!stage){
            return 0;
        }
        return stage.stageHeight;
    }
}

然后在你的 JavaScript 中：

<script type="text/javascript">
    swfobject.registerObject("FlashResizer", "10.0.0");

    function getBrowserZoom()
    {
        return swfobject.getObjectById("FlashResizer")
            .getSize();
    }
</script>

<div id="flashResizerDiv" style="position: absolute; display: block; height: 100px; width: 100%; top: 0; left: 0;">
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100" id="FlashResizer">
        <param name="movie" value="resizer.swf" />
        <!--[if !IE]>-->
            <object type="application/x-shockwave-flash" data="resizer.swf" width="100%" height="100">
            <!--<![endif]-->
            <a href="http://www.adobe.com/go/getflashplayer">
                <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
            </a>
            <!--[if !IE]>-->
            </object>
        <!--<![endif]-->
    </object>
</div>

现在，当您打电话时，getBrowserZoom()您将获得浏览器的精确缩放。