需求场景,一些截图的需求,需要截到很多字段,必要的时候就需要用到网页缩放功能。(文中提到的方法个人仅在chrome中使用,其他浏览器没有尝试过)
如果不想看到最后,结论在这里:那就是键盘输入ctrl+0
最开始使用缩放,是用js代码块实现的,使用这种方式确实能达到缩放的目的,但是和chrome本身的缩放功能并不是同一个出口,明明网页已经缩放了80%,实际设置中显示的还是100%,个人觉得并不理想。具体遇到了什么问题已经有点记不清了

后来百度到了一些快捷方式,比较常用的是ctrl+鼠标滚轮,向下为缩放,向上为放大,这个方法用起来和实际人工操作的步骤一样,稍微有点慢,但是影响不大。


不过最近又遇到了新的问题,某些应用因为一些奇奇怪怪的问题,出现异常,导致应用终止,后续的恢复操作并没有执行,导致网页的初始阶段就已经是缩放的状态,重试多次之后,网页已经小到压根看不清楚了。。。。。。
于是想到了在catch中增加恢复网页到100%的操作,但是有时候可能网页本身就没有缩放,如果用鼠标滚动相应的次数放大,会导致网页又变成了放大的状态。于是问了问deepseek,如何能判断网页是否处于缩放状态,它告诉了我三种方式,比如devicePixelRatio,matchMedia,outerWidth / innerWidth,看得我云里雾里,感觉有点麻烦,于是又问了问有没有除了滚轮之外更直接的方法,得到了一个满意的答案:
ctrl+0
我试了试,不管网页是放大还是缩小的状态,ctrl+0之后,都能恢复100%,即使是在100%的状态下,ctrl+0也不会有什么副作用,嗯,这个答案我很满意。
