有时候想控制网页窗口大小,除了点右上角那仨按钮,还能不能用个链接搞定?还真能!直接上代码:
html
最小化
最大化
这代码整了俩函数,搞懂一个另一个也就明白了。先说 `Minimize()`,里面用 `innerWidth` 和 `innerHeight` 把窗口强行缩成100×100像素,然后通过 `screenX` 和 `screenY` 把窗口定位到屏幕右下角(坐标设成屏幕宽高),再配合 `alwaysLowered = true`,看起来就像最小化了一样。触发方式就是一个JS链接:`最小化`。
同理,`Maximize()` 就是把窗口拉满全屏,位置挪到左上角,还原回来。`alwaysLowered = false` 表示恢复正常层级。
这招儿在任何分辨率下都能跑,没啥兼容问题。但提醒一句:写页面的时候,最好把这两个链接放左上角,不然窗口一缩小跑到右下角,你连点都点不着,那就尴尬了……
html
最小化
最大化
这代码整了俩函数,搞懂一个另一个也就明白了。先说 `Minimize()`,里面用 `innerWidth` 和 `innerHeight` 把窗口强行缩成100×100像素,然后通过 `screenX` 和 `screenY` 把窗口定位到屏幕右下角(坐标设成屏幕宽高),再配合 `alwaysLowered = true`,看起来就像最小化了一样。触发方式就是一个JS链接:`最小化`。
同理,`Maximize()` 就是把窗口拉满全屏,位置挪到左上角,还原回来。`alwaysLowered = false` 表示恢复正常层级。
这招儿在任何分辨率下都能跑,没啥兼容问题。但提醒一句:写页面的时候,最好把这两个链接放左上角,不然窗口一缩小跑到右下角,你连点都点不着,那就尴尬了……