Whitelabel Error Page 页面看小说（摸鱼）

已于 2024-08-22 11:17:19 修改
阅读量195 收藏 2
点赞数 6
文章标签： javascript html 娱乐
于 2024-07-26 16:51:04 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44957529/article/details/140718496
版权

Whitelabel Error Page 页面看小说

功能说明

0、为了摸鱼做的页面，所以每次只显示一行，不容易被发现
1、需要自己下载小说文档，且必须为txt格式的，选择小说文件后，会使用浏览器缓存小说内容和看的行数，清理浏览器缓存后，需要重新选择文件。
2、下载压缩包，只有两个文件，一个html，一个js。用浏览器打开html页面（文件压缩包连接在最后）
3、页面打开默认为正常页面状态：Whitelabel Error Page页面，网站常见的错误页。小说就在这个页面看
正常页面状态
4、按 ↑ 键，来回切换看小说状态和正常页面状态
status=小说总行数，
code=当前行数，
选择文件后，文件输入框自动隐藏，按 ↓ 可以显示文件选择框，重新选择文件
看小说状态5、← → 换行，点击“code=”后面的数字，可以手动输入行数，按回车跳转
6、除上下左右、数字、小键盘数字、num lock、back、enter外的键均为老板键，按了页面就会切换回正常页面状态
页面zip文件(一个html、一个js文件)，不需要积分就能下载

页面代码👇👇👇，需要自己下载jquery.js

<!DOCTYPE html">
<html>
<head>
<title>Whitelabel Error Page</title>
<script type="text/javascript" src="jquery.min.js"></script>
</head>
<body>
<h1>Whitelabel Error Page</h1>
<p>This application has no explicit mapping for /error, so you are seeing this as a fallback.</p>
<div id="created">Fri Jul 26 11:40:04 CST 2024</div>
<div>There was an unexpected error (type=Not Found, status=<span id="total1" style="display:inline">404</span><span id="total2" style="display:none">404</span>, code=<span id="current1" style="display:inline">404</span><span id="current2" style="display:none">404</span><input type="number" id="currentInput" style="display:none">)</div>
<div id="fileContent1" style="display:inline">No message available</div>
<div id="fileContent2" style="display:none">请先选择文件</div>
<input type="file" id="inputFile" accept=".txt" style="display:none" >
<input type="text" id="showStatus" style="display:none" value="1">

<script type="text/javascript">
//本地缓存行数key
var localStorageKey = "Whitelabel Error Page asdfaweffgwefasdf";
//本地缓存txt key
var localStorageTxt = "Whitelabel Error Page txt";

var total = 0;
var selectedFile = 0;
var numberArray = [8,13,48,49,50,51,52,53,54,55,56,57,96,97,98,99,100,101,102,103,104,105,144];
var showStatus = document.getElementById("showStatus").value;
var inputFile = document.getElementById('inputFile');
var fileContent1 = document.getElementById('fileContent1');
var fileContent2 = document.getElementById('fileContent2');
var total1 = document.getElementById('total1');
var total2 = document.getElementById('total2');
var current1 = document.getElementById('current1');
var current2 = document.getElementById('current2');
var currentInput = document.getElementById('currentInput');
//当前页码
var current = localStorage.getItem(localStorageKey);
if(!current){
	current = 0;
}else{
	current = current * 1;
}
var a;
//缓存的小说
var txt =  localStorage.getItem(localStorageTxt);
if(txt){
	console.log(txt)
	a = JSON.parse(txt);
	selectedFile = 1;
	total = a.length;
	total2.textContent = total;
	if(current >= total){
		current = total;
		localStorage.setItem(localStorageKey, current);
	}
	current2.textContent = current;
	fileContent2.textContent = a[current];
}

current2.addEventListener("click", function() {
	current2.style.display = 'none';
	currentInput.value = current;
	currentInput.style.display = 'inline';
})

currentInput.addEventListener("keydown", function(event) {
	const key = event.keyCode || event.which;
	// ENTER
    if (key == 13) {
		currentInput.style.display = 'none';
		current2.style.display = 'inline';
		current = currentInput.value * 1
		localStorage.setItem(localStorageKey, current);
		current2.textContent = current;
		if(selectedFile != 0){
			fileContent2.textContent = a[current];
		}
    }
})

//选择文件监听
inputFile.addEventListener("change", function() {
	const file = this.files[0];
	const reader = new FileReader();
	reader.readAsText(file);
	reader.onload = function(e) {
		selectedFile = 1;
		inputFile.style.display = 'none';
		const contents = e.target.result;
		const noK = contents.replaceAll(" ","")
		a = noK.split(/\r?\n/).filter(item => item !== "");
		localStorage.setItem(localStorageTxt, JSON.stringify(a));
		total = a.length;
		total2.textContent = total;
		if(current >= total){
			current = total;
			localStorage.setItem(localStorageKey, current);
		}
		current2.textContent = current;
		fileContent2.textContent = a[current];
	};
});

document.addEventListener('keydown', function(event) {
    const key = event.keyCode || event.which;
    // 上键
    if (key == 38) {
		if(showStatus == 1){
			// 隐藏元素
			fileContent1.style.display = 'none';
			total1.style.display = 'none';
			current1.style.display = 'none';
			//显示元素
			fileContent2.style.display = 'inline';
			if(selectedFile != 1){
				inputFile.style.display = 'block';
			}
			total2.style.display = 'inline';
			current2.style.display = 'inline';
			current2.textContent = current;
		}else{
			// 显示元素
			fileContent1.style.display = 'inline';
			total1.style.display = 'inline';
			current1.style.display = 'inline';
			// 隐藏元素
			fileContent2.style.display = 'none';
			inputFile.style.display = 'none';
			total2.style.display = 'none';
			current2.style.display = 'none';
		}
		showStatus = -showStatus;
    }
    // 下键
    else if (key == 40) {
        //隐藏文件上传标签
		var fileShowStatus = inputFile.style.display
		if(showStatus == -1){
			if(fileShowStatus == "none"){
				inputFile.style.display = 'block';
			}else{
				inputFile.style.display = 'none';
			}
		}
    }
    // 左键
    else if (key == 37) {
		if(selectedFile == 1){
			current = current - 1;
			if(current <= 0){
				current = 0;
			}
			localStorage.setItem(localStorageKey, current);
			fileContent2.textContent = a[current];
			current2.textContent = current;
		}else{
			fileContent2.textContent = "请先选择文件";
		}
    }
    // 右键
    else if (key == 39) {
		if(selectedFile == 1){
			current = current + 1;
			if(current >= total){
				current = total;
			}
			localStorage.setItem(localStorageKey, current);
			fileContent2.textContent = a[current];
			current2.textContent = current;
		}else{
			fileContent2.textContent = "请先选择文件";
		}
    }
    else{
		//除上下左右、数字、小键盘数字、num lock、back、enter外的键均为老板键
		if(numberArray.indexOf(key) != -1){
			return;
		}
		// 显示元素
		fileContent1.style.display = 'inline';
		total1.style.display = 'inline';
		current1.style.display = 'inline';
		// 隐藏元素
		fileContent2.style.display = 'none';
		inputFile.style.display = 'none';
		total2.style.display = 'none';
		current2.style.display = 'none';
		showStatus = 1;
	}
});
</script>
</body>
</html>
（＞_＜）
关注
【摸鱼】如何在任何页面摸鱼看小说？
九日的博客
05-09 4804
老有朋友表示自己上班摸鱼的时候不太方便，这两天摸鱼的时间写了一个小插件来解决这个问题。在高强度的工作日或学习日中，许多人都会感到疲倦，偶尔想要摸鱼放松一下。读小说是很多人的选择之一，但在公司或者图书馆打开小说网站往往不太合适。如果你正面临这种困境，我今天要介绍的这款浏览器插件《摸鱼王》就是你的救星！这个插件我已经提交给浏览器拓展商城审核，不过还需要一段时间才能在商城里面找到，目前可以通过gitHub获取。
推荐几款优质 Chrome 摸鱼插件，带你畅快划水
AirPython的博客
05-01 3121
在日常工作过程中，对大部分的人来说，肯定少不了摸鱼，相信大家都是小心翼翼在摸鱼 如果你不能高效地摸鱼，说明你没有将工具用到极致 今天将为大家推荐几款 Chrome 摸鱼插件，帮助大家高效摸鱼、畅快划水 一键赖皮 一键赖皮是一款用于日常上班摸鱼的插件，可以快速关闭、打开（还原）网页 可以自定义几个赖皮的网站，通过 Ctrl + S ...
来了来了！Chrome 高级玩法，秒变摸鱼神器
weixin_44421461的博客
02-16 536
点击上方“Java基基”，选择“设为星标”做积极的人，而不是积极废人！源码精品专栏原创 | Java 2019 超神之路，很肝~中文详细注释的开源项目RPC 框架 Dubbo 源码解析...
spring boot默认Whitelabel Error Page重定向到自定义页面
suxingrui的专栏
11-14 2430
本文作者：suxingrui 本文链接：https://blog.csdn.net/suxingrui/article/details/84061153 版权声明：本文为原创文章，转载请注明出处。 当遇到Page Not Found异常时，需要展示自定义页面或者回到首页 而不是展示默认的Whitelabel Error Page页面 可以按以下方式进行重定向： ...
刷新页面Vue Whitelabel Error Page
变优秀的小白的博客
08-24 1825
刷新页面Vue Whitelabel Error Page，一招解决!!
解决页面是Whitelabel Error Page方法之一
Superkom666的博客
08-08 1331
在网上随便一搜都能搜到很多当页面是Whitelabel Error Page时的解决方法，这里就不一一赘述了，如果试过了各种方法都不能解决，最后我的解决方案是直接将子包删除，将子包内的文件放到根目录底下，大家也可以不用删，直接使用我上面的URL格式进行访问。后来我一步一步排查，发现是原来是我在创建html文件的时候同时创建了一个包，将html文件都放进了这个包里面。我这个bug出现的前提是，SpringBoot项目可以正常工作，如图。说明我的tomcat是正常工作的，端口也是8080没有被占用。
记录SpringBoot访问页面Whitelabel Error Page
m0_62470001的博客
05-14 142
SpringBoot访问页面遇到的问题
springboot访问页面显示Whitelabel Error Page
weixin_45864962的博客
11-22 4257
问题 新建springboot（2.5.7版本）项目配置好mvc，访问页面显示Whitelabel Error Page 项目 代码 @Controller public class LoginController { @Autowired private LoginService loginService; @RequestMapping("/login") public String login(){ System.out.println("访问");
springboot 报whitelabel Error Page错误的可能原因
JavaCoder_juejue的博客
09-09 3576
初学springboot，用类而不是配置文件的方式注册servlet与filter ，然后访问localhost:8080/druid/index.html时报whitelabel Error Page错误whitelabel Error Page，我的类配置类的代码如下 缺少必要的注解:发现注册 servlet的druidStatViewServlet方法上少了@Bean标签如下 white...
Whitelabel Error Page 看小说
07-26
3、页面打开默认为正常页面状态：Whitelabel Error Page页面，网站常见的错误页。小说就在这个页面看 4、按 ↑ 键，来回切换看小说状态和正常页面状态 status=小说总行数， code=当前行数， 选择文件后，文件输入框...
whitelabel error page漏洞及解决
计算机毕业论文源码，学生个人网页制作html源码。贴近用户做网络推广和互联网优化。
11-11 2252
whitelabel error page漏洞成因,正常情况下访问/article并输入数字型id即可获取文章内容，但如果传入了spel表达式，则会导致转到错误页面同时对spel表达式内容进行解析并反应在错误页面中。 debug过程:同样从DispatcherServlet.doDispatch()函数开始，很快就定位到了关键类：即PropertyPlaceholderHelper类。 在DispatcherServlet中由于以下判定报错
Spring Boot 2.x Whitelabel Error Page 源码分析以及解决方案
低调的http://
01-30 814
在使用 Spring Boot 如果出现错误会出现 Whitelabel Error Page 页面，这个是 Spring Boot 默认处理错误的一个页面，是一硬编码的形式创建的。我们可以替换调，使用自己的error页面，并且美化它。 网上也有很多类似的文章，不过看了很多有的不全面、有的根本就是错误的(比如设置server.error.whitelabel.enabled=false添加err...
spring boot之Whitelabel Error Page
zengsir2008的专栏
08-21 364
最近在系统性学习springboot，边学边动手写写小程序，话说第一个程序还真碰到不少问题。 第一步：创建一个SpringBoot工程，工程结构如下： 第二步：写第一个spring boot程序，按照程序员的命令习惯，第一个程序都会叫XXXhelloworld，这里也不例外，第一个spring boot程序就叫HelloWorldController，代码也比较简单 将工程跑起...
解释器、预处理、main函数
最新发布
编程语言技巧经验分享
10-07 1230
解释器覆盖范围很广，不管是解释语言的运行时解释翻译器，还是操作系统自带脚本的解释器。
Vue--Table的Column格式化方案
m0_69435612的博客
10-04 273
原日期格式：2024-09-07T08:32:41.000+00:00。格式化成YYYY-MM-DD。让数字显示小数点后几位。
Vue根实例、实例总结
m0_54007573的博客
10-04 661
Vue根实例、实例总结
vue-live2d看板娘集成方案设计使用教程
每个人都是独一无二的，把握好自己的节奏，跟着自己的心走。
10-05 1455
vue-live2d看板娘集成方案设计使用教程
访问springboot的html页面显示Whitelabel Error Page
10-06
在访问springboot的html页面时显示Whitelabel Error Page页面的原因是默认情况下，Spring Boot只会从static目录加载前端静态资源。然而，您的项目页面是放在templates目录下的，所以需要进行相应的配置。 一种解决...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值