使用Python编写小程序实现浏览器深色模式
创建一个小程序来在网页中实现浏览器深色模式可以通过CSS和JavaScript实现。其中，使用Python进行实际的界面调整不是最直接的方法，因为Python主要用于服务器端逻辑。然而，如果你想在后端使用Python生成动态的网页内容，并希望在前端实施深色模式，那么可以结合Flask应用与HTML/JavaScript/CSS来实现。
以下是一个示例，展示如何使用Flask和CSS/JavaScript来切换深色模式。
1. 创建Flask应用
首先安装Flask：
pip install flask
然后创建一个Flask应用：
from flask import Flask, render_templateapp = Flask(__name__)@app.route('/')def index():return render_template('index.html')if __name__ == '__main__':app.run(debug=True)
2. 创建HTML模板
在templates文件夹中创建一个名为index.html的文件：
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Dark Mode Example</title><style>body {background-color: white;color: black;}.dark-mode {background-color: #121212;color: white;}button {margin-top: 20px;}</style></head><body><h1>欢迎来到我的网站</h1><p>这是一个简单的网页，用于展示如何实现深色模式。</p><button onclick="toggleDarkMode()">切换深色模式</button><script>function toggleDarkMode() {document.body.classList.toggle('dark-mode');let currentMode = document.body.classList.contains('dark-mode') ? 'dark' : 'light';localStorage.setItem('theme', currentMode);}// 设置初始模式window.onload = function() {const savedTheme = localStorage.getItem('theme') || 'light';if (savedTheme === 'dark') {document.body.classList.add('dark-mode');}}</script></body></html>
3. 运行应用
python app.py
通过浏览器访问 http://127.0.0.1:5000/ 就可以看到一个网页，当你点击“切换深色模式”按钮时，页面会在深色模式和普通模式之间切换。
这个小示例演示了如何在浏览器中通过简单的HTML、CSS和JavaScript实现深色模式切换，同时利用Flask来构建基本的网页结构。