[js] 全屏和宽屏

缘起

全屏这个功能，经常用网页版的朋友都知道，浏览器的全屏是软件级全屏，并不是思源真正的全屏，往往还含有标签，地址栏，书签栏等，每个浏览器表现还不一样。这用起来很不爽，没有客户端那种全屏的视野，这个 js 代码就是专门解决这个问题的，可以实现真正的全屏，不带有浏览器的一丝东西，达到如同客户端那样的视野体验。

宽屏这个功能，主要针对需要临时操作一些数据库，代码块等而开发的，它更好的延展操作对象的宽度，操作起来更方便。

使用说明

全屏，在主菜单下选择“全屏/退出全屏”即可，Esc 键退出全屏。

宽屏在右侧边栏会有一个宽屏按钮 ↔️ ，点击即可在宽屏和原屏之间切换。

注意，全屏和宽屏都是临时状态，刷新页面后复原！

全屏，意外退出时提示是否继续全屏，比如刷新页面等。

宽屏，可通过 isHideDock 参数设置是否同时隐藏侧边栏。

预览

全屏菜单如下

宽屏菜单如下

代码

全屏代码

https://gitee.com/wish163/mysoft/blob/main/%E6%80%9D%E6%BA%90/%E5%85%A8%E5%B1%8F%E8%8F%9C%E5%8D%95.js

宽屏代码

https://gitee.com/wish163/mysoft/blob/main/%E6%80%9D%E6%BA%90/%E7%BB%99%E9%A1%B5%E9%9D%A2%E4%B8%B4%E6%97%B6%E8%AE%BE%E7%BD%AE%E5%AE%BD%E5%B1%8F.js

可配合

[js] 代码块自动缩进及 ctrl+/ 添加注释

[js] 代码块之缩进格式化粘贴

[js] 代码块优化之折叠 / 展开 / 预览 / 全屏 / 悬浮横向滚动条

[js] 连续点击 openAny，小代码，大作用，让一切触手可达

[js] 这个功能可以封神！openAny 教程之快速打开（可自定义的命令面板）

体验非常完美！

打赏作者