网页HTML/CSS/JS代码压缩美化工具：支持三种语言一键切换、自定义压缩选项（移除注释/空白/换行）、实时预览对比、压缩率统计、一键复制导出

🖥️ 运行效果

🚀 实例简介

支持 HTML/CSS/JavaScript 三种语言的代码压缩与美化，提供移除注释、移除多余空白、合并为单行等压缩选项，实时预览对比，压缩率统计，一键复制导出。Web 前端开发必备工具。

💻 核心代码

#!/usr/bin/env python3
# -*- coding: utf-8 -*-
"""
网页HTML/CSS/JS代码压缩美化工具
支持三种语言一键切换、自定义压缩选项、实时预览对比、压缩率统计、一键复制导出
"""
import tkinter as tk
from tkinter import ttk, scrolledtext, messagebox
import re

CHINESE_FONT = "WenQuanYi Zen Hei"

class CodeToolApp:
    """网页代码压缩美化工具主窗口"""
    
    def __init__(self, root):
        self.root = root
        self.root.title("网页代码压缩美化工具")
        self.root.geometry("900x650")
        self.root.configure(bg="#f0f0f0")
        
        # 当前语言模式
        self.lang_mode = tk.StringVar(value="html")
        
        # 压缩选项
        self.opt_remove_comments = tk.BooleanVar(value=True)
        self.opt_remove_whitespace = tk.BooleanVar(value=True)
        self.opt_remove_newlines = tk.BooleanVar(value=False)
        
        self._build_ui()
    
    def _build_ui(self):
        """构建界面"""
        # 标题
        title = tk.Label(
            self.root, text="🌐 网页代码压缩美化工具",
            font=(CHINESE_FONT, 18, "bold"), bg="#f0f0f0", fg="#2c3e50"
        )
        title.pack(pady=(10, 5))
        
        # 语言切换区
        lang_frame = tk.Frame(self.root, bg="#f0f0f0")
        lang_frame.pack(pady=5)
        tk.Label(lang_frame, text="语言模式:", font=(CHINESE_FONT, 11), bg="#f0f0f0").pack(side=tk.LEFT, padx=5)
        for val, txt in [("html", "HTML"), ("css", "CSS"), ("js", "JavaScript")]:
            tk.Radiobutton(
                lang_frame, text=txt, variable=self.lang_mode, value=val,
                font=(CHINESE_FONT, 11), bg="#f0f0f0", command=self._on_lang_change
            ).pack(side=tk.LEFT, padx=8)
        
        # 压缩选项区
        opt_frame = tk.LabelFrame(
            self.root, text="压缩选项", font=(CHINESE_FONT, 10, "bold"),
            bg="#f0f0f0", padx=10, pady=5
        )
        opt_frame.pack(pady=5, padx=20, fill=tk.X)
        tk.Checkbutton(opt_frame, text="移除注释", variable=self.opt_remove_comments,
                        font=(CHINESE_FONT, 10), bg="#f0f0f0").pack(side=tk.LEFT, padx=10)
        tk.Checkbutton(opt_frame, text="移除多余空白", variable=self.opt_remove_whitespace,
                        font=(CHINESE_FONT, 10), bg="#f0f0f0").pack(side=tk.LEFT, padx=10)
        tk.Checkbutton(opt_frame, text="合并为单行", variable=self.opt_remove_newlines,
                        font=(CHINESE_FONT, 10), bg="#f0f0f0").pack(side=tk.LEFT, padx=10)
        
        # 操作按钮
        btn_frame = tk.Frame(self.root, bg="#f0f0f0")
        btn_frame.pack(pady=5)
        btn_style = {"font": (CHINESE_FONT, 11, "bold"), "width": 12, "relief": "raised"}
        tk.Button(btn_frame, text="🗜️ 压缩代码", bg="#e74c3c", fg="white",
                  command=self._minify, **btn_style).pack(side=tk.LEFT, padx=5)
        tk.Button(btn_frame, text="✨ 美化代码", bg="#27ae60", fg="white",
                  command=self._beautify, **btn_style).pack(side=tk.LEFT, padx=5)
        tk.Button(btn_frame, text="📋 复制结果", bg="#3498db", fg="white",
                  command=self._copy_result, **btn_style).pack(side=tk.LEFT, padx=5)
        tk.Button(btn_frame, text="💾 导出文件", bg="#9b59b6", fg="white",
                  command=self._export, **btn_style).pack(side=tk.LEFT, padx=5)
        
        # 输入输出区（左右分栏）
        paned = tk.PanedWindow(self.root, orient=tk.HORIZONTAL, bg="#f0f0f0")
        paned.pack(fill=tk.BOTH, expand=True, padx=10, pady=5)
        

💡 适用场景

办公自动化、数据分析、快速原型开发