前端黑科技

墨蓝 2022-02-13 13:13 276阅读 0赞

## 1 . 网页夜间模式 ##

<a href="javascript:(function(){var styleElem=null,doc=document,ie=doc.all,fontColor=50,sel='body,body *';styleElem=createCSS(sel,setStyle(fontColor),styleElem);showTip(doc);if(ie){doc.attachEvent('onkeydown',onKeyDown)}else{doc.addEventListener('keydown',onKeyDown)};function onKeyDown(evt){if(!(evt.keyCode===87||evt.keyCode===81))return;var evt=ie?window.event:evt;if(evt.keyCode===87){fontColor=(fontColor>=100)?100:fontColor+10}else if(evt.keyCode===81){fontColor=(fontColor<=10)?10:fontColor-10};styleElem=createCSS(sel,setStyle(fontColor),styleElem)};function setStyle(fontColor){var colorArr=[fontColor,fontColor,fontColor];return'background-color:rgb(30,30,30) !important;color:RGB('+colorArr.join('%,')+'%) !important;'};function createCSS(sel,decl,styleElem){var doc=document,h=doc.getElementsByTagName('head')[0],styleElem=styleElem;if(!styleElem){s=doc.createElement('style');s.setAttribute('type','text/css');styleElem=ie?doc.styleSheets[doc.styleSheets.length-1]:h.appendChild(s)};if(ie){styleElem.addRule(sel,decl)}else{styleElem.innerHTML='';styleElem.appendChild(doc.createTextNode(sel+' {'+decl+'}'))};return styleElem};function showTip(){var tipElem=doc.createElement('div'),body=doc.getElementsByTagName('body')[0];tipElem.innerHTML='=== 夜间模式开启。提示: q 或 w 可减少增加字体亮度 刷新取消===';tipElem.style.cssText='background-color:#3FA9FB !important;color:#fff !important;font-size:14px;height:20px;line-height:20px;position:fixed;left:0;top:0;text-align:center;width:100%;z-index:99999;';body.appendChild(tipElem);setTimeout(function(){body.removeChild(tipElem)},3000)}})();"><i class="icon-sign-blank"></i>夜间模式</a>

## 2. 网页全屏 ##

document.getElementById("a_FullScreen").onclick = function () {
                  
                    
                   
                    requestFullScreen(document.documentElement);// 整个网页
                };
    
                function requestFullScreen(element) {
                    // 判断各种浏览器，找到正确的方法
                    var requestMethod = element.requestFullScreen || //W3C
                    element.webkitRequestFullScreen ||    //Chrome等
                    element.mozRequestFullScreen || //FireFox
                    element.msRequestFullScreen; //IE11
                    if (requestMethod) {
                        requestMethod.call(element);
                    }
                    else if (typeof window.ActiveXObject !== "undefined") {//for Internet Explorer
                        var wscript = new ActiveXObject("WScript.Shell");
                        if (wscript !== null) {
                            wscript.SendKeys("{F11}");
                        }
                    }
                }
    
                //退出全屏 判断浏览器种类
                function exitFull() {
                    // 判断各种浏览器，找到正确的方法
                    var exitMethod = document.exitFullscreen || //W3C
                    document.mozCancelFullScreen ||    //Chrome等
                    document.webkitExitFullscreen || //FireFox
                    document.webkitExitFullscreen; //IE11
                    if (exitMethod) {
                        exitMethod.call(document);
                    }
                    else if (typeof window.ActiveXObject !== "undefined") {//for Internet Explorer
                        var wscript = new ActiveXObject("WScript.Shell");
                        if (wscript !== null) {
                            wscript.SendKeys("{F11}");
                        }
                    }
                }

发表评论取消回复

表情：

评论列表（有 0 条评论，276人围观）

还没有评论，来说两句吧...

相关阅读

相关操作URL的黑科技

处理URL的query的接口：URLSearchParams // 处理URL的query的接口：URLSearchParams // 简单使用

ゝ一世哀愁。/ 2023年02月22日 05:25/ 0 赞/ 21 阅读

相关计算机黑科技ppt英文,微软黑科技：PPT全文翻译

相信很多朋友在工作、生活中都遇到过英文PPT不易阅读和演讲的问题。如果是遇上Word文件或是网页，我们去翻译还是非常容易的，无非就是选中-复制-粘贴到翻译工具里就可以了。但对于

喜欢ヅ旅行/ 2022年10月19日 01:22/ 0 赞/ 200 阅读

相关函数劫持能做啥？前端黑科技揭秘

啥是函数劫持？其实就是给调用的函数加一层包装函数，在包装函数里调用一下原函数，有点像代理服务器的作用，拦截一些全局对象和方法，能实现一些非常便利的全局功能，今天我就抛砖引玉

电玩女神/ 2022年10月01日 05:47/ 0 赞/ 244 阅读

相关前端黑科技：让Webpack项目一键支持Vite

Webpack -> Vite Vite 2.0发布一段时间了很多朋友由于种种原因无法尝试在项目中使用最近我在思否看有人发的文章，一键让你的webpack支持vite

柔情只为你懂/ 2022年09月07日 14:43/ 0 赞/ 289 阅读

相关 CSS 的黑科技

> 原文来自：[https://jellybool.com/post/css-that-you-may-not-know][https_jellybool.com_post_c

约定不等于承诺〃/ 2022年08月03日 04:26/ 0 赞/ 211 阅读

相关程序员黑科技之夺宝岛

额，不知道这样好不好。不过还是希望CSDN不要删除啊，不管是好的坏的，咱们都要开源分享不是。主要就是基于Chrome能够在Console中执行js来做的。以京东

川长思鸟来/ 2022年08月02日 00:24/ 0 赞/ 162 阅读

相关前端黑科技

1 . 网页夜间模式 <a href="javascript:(function(){var styleElem=null,doc=document,ie=doc

墨蓝/ 2022年02月13日 13:13/ 0 赞/ 277 阅读

相关前端黑科技！结合Vue 如何让首页秒开

![640?wx\_fmt=jpeg][640_wx_fmt_jpeg] 文/北妈阅读本文需要 3.2分钟一前端性能优化一直是衡

朱雀/ 2022年01月10日 19:17/ 0 赞/ 249 阅读

相关可执行jar黑科技解剖

一、常规服务启动方式在java领域需要启动一个服务主要有三种方式 1）单独运行servlet 容器，如Tomcat，Jboss 等 2）war包中自带Jetty

墨蓝/ 2021年12月15日 11:09/ 0 赞/ 271 阅读

相关黑科技—pbds

[https://baijiahao.baidu.com/s?id=1610302746201562113&wfr=spider&for=pc][https_baijiahao

女爷i/ 2021年10月26日 11:46/ 0 赞/ 357 阅读