问题：上传的txt文档内容乱码。txt乱码
原因：现在很多浏览器支持直接读取txt文件内容，但是对中文又不友好，需要下载到本地才能用手机查看。但是很多人不会用手机文件找到浏览器下载的文件。
解决方法：建议博主用html格式创建文件即可，这样就是一个简单的网页直接在浏览器中查看
1.新建一个网页文件比如1.html
2.在文件中添加如下代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Text with Preserved Newlines</title>
<style>
/* 在这里添加您的样式 */
body {
font-family: Arial, sans-serif;
padding: 20px;
text-align: center;
}
pre {
white-space: pre-wrap;
}
</style>
</head>
<body>
<h1>文章标题如1号优惠 · 51福利网后续内容</h1>
<pre>
<!-- 将您的文本内容放在这里 -->
</pre>
</body>
</html>更多更能：
html添加禁止复制和仅限手机打开的功能
在html中，我们可以使用 <meta> 标签和 JavaScript 来实现仅限手机打开，禁止复制的功能。
- 仅限手机打开的功能，我们可以使用
<meta name="viewport">标签和 CSS 媒体查询来实现。这样，只有在设备的宽度小于或等于 768px（通常是手机和小型设备的屏幕宽度）时，页面才会显示。 - 禁止复制的功能，我们可以使用 JavaScript 来禁止用户复制页面的内容
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Text with Preserved Newlines</title>
<style>
/* 在这里添加您的样式 */
body {
font-family: Arial, sans-serif;
padding: 20px;
text-align: center;
}
@media (min-width: 769px) {
body {
display: none;
}
}
</style>
<script>
document.addEventListener('contextmenu', event => event.preventDefault());
</script>
</head>
<body>
<h1>接下来的内容</h1>
<pre id="content">
<!-- 将您的文本内容放在下面这里 -->
你的文本内容...
<!-- 将您的文本内容放在上面，后面不要动了 -->
</pre>
</body>
</html>这段代码做了两件事：
- 通过在
<meta name="viewport">标签中添加maximum-scale=1.0, user-scalable=no，我们禁止了用户放大页面和改变页面的缩放级别，这基本上使得页面只能在手机上查看。同时，我们使用 CSS 媒体查询@media (min-width: 769px)来在屏幕宽度大于 768px 的设备上隐藏页面内容。 - 通过 JavaScript 代码
document.addEventListener('contextmenu', event => event.preventDefault());，我们禁止了右键点击菜单，从而防止了用户复制页面内容。注意，这并不能完全阻止用户复制内容，因为有一些浏览器或浏览器扩展可以绕过这个限制。
