【整点没用的】鱼排高效工作环境

工作环境的整洁有助于提高工作效率 #生活知识# #生活心理学# #生活习惯改善# #环境整洁心理学#

闲来无事，做了一个小脚本，可以让你工作更安心。

缘由：我想要一个ps的聊天室

笑果：

使用：

你需要有油猴脚本，若添加该脚本不运行则需要去扩展里打开开发者模式。

脚本内容：

// ==UserScript== // @name 鱼排工作环境 // @namespace null // @version v0.0.1 // @description 提高效率，专注工作！ // @author stillwarter // @match *://fishpi.cn/* // @icon https://www.google.com/s2/favicons?sz=64&domain=bing.com // @grant none // ==/UserScript== run(); function run() { setCrBox(); } function setCrBox() { // 获取body元素 setTimeout(() => { console.clear(); const style = document.createElement("style"); // 设置CSS内容 const cssText = ` .scalebox { transform: scale(0.7); position: relative; height: 100vh; overflow: auto; right:60px } .bg{ width:100vw; height:100vh; background: url(https://file.fishpi.cn/2024/12/image-9dbda873.png); background-size:cover; } `; style.textContent = cssText; document.head.appendChild(style); const body = document.body; const wrapperDiv = document.createElement("div"); const bgdiv = document.createElement("div"); wrapperDiv.className = "scalebox"; bgdiv.className = "bg"; while (body.firstChild) { wrapperDiv.appendChild(body.firstChild); } bgdiv.appendChild(wrapperDiv); body.appendChild(bgdiv); // 删除元素 const musicBox = document.querySelector("#musicBox"); musicBox.remove(); const mlb = document.querySelector(".music-list-box"); mlb.remove(); }, 10); }

目前做的很简单，当聊天室加载好后就将所有dom元素存到一个dom里，做一个包裹，然后将包裹放到准备好的背景板上，这样一个ps背景的聊天室就出现了。

不过不支持歌曲列表（yui用的fixed，我实在懒得适配）。

如果你会一点css你也可以自己设置一下样式或更改工作背景图。

以上，提前元旦快乐力！

网址：【整点没用的】鱼排高效工作环境 https://www.yuejiaxmz.com/news/view/652713

相关内容

创造高效的工作环境
合理布置办公环境 提高工作效率
Windows 7桌面整理攻略：快速排序，打造高效桌面工作环境
保洁员——保持环境整洁与提高工作效率的工作计划
我的高效工作环境
创造高效工作环境策略.docx
如何构建高效的工作环境.ppt
打造高效工作环境的12个技巧！
高效安排工作计划提升工作效率.docx
改变工作环境，提高工作效率

随便看看