Chmod权限计算�?/title>  <meta name="description" content="Chmod权限计算�? /> <meta name="keywords" content="chmod-calculator,dev,tools" /> <meta name="author" content="WebUtils" /> <meta name="robots" content="index, follow" /> <link rel="canonical" href="https://essays4u.net/tools/dev/chmod-calculator.html" />  <meta property="og:title" content="Chmod权限计算�? /> <meta property="og:description" content="Chmod权限计算�? /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://essays4u.net/tools/dev/chmod-calculator.html" /> <meta property="og:site_name" content="WebUtils" /> <meta property="og:locale" content="zh_CN" /> <meta property="og:image" content="https://essays4u.net/social-preview.png" />  <meta name="twitter:card" content="summary" /> <meta name="twitter:title" content="Chmod权限计算�? /> <meta name="twitter:description" content="Chmod权限计算�? /> <meta name="twitter:image" content="https://essays4u.net/social-preview.png" /> <style> :root { --bg-deep: #0a0a0f; --bg-surface: #12121a; --bg-card: #1a1a24; --bg-input: #0e0e14; --text-primary: #e8e8ed; --text-secondary: #8888a0; --text-muted: #55556a; --border-subtle: #2a2a3a; --border-strong: #3a3a4a; --accent-cyan: #00f5d4; --accent-magenta: #f72585; --accent-green: #10b981; --accent-red: #f43f5e; --accent-yellow: #fbbf24; --accent-blue: #4cc9f0; --accent-purple: #7b2cbf; --radius-sm: 4px; --radius-md: 8px; --radius-lg: 12px; --font-sans: "Space Grotesk", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif; --font-mono: "JetBrains Mono", "Courier New", monospace; --shadow: 0 2px 8px rgba(0, 0, 0, 0.3); } [data-theme="light"] { --bg-deep: #fafafa; --bg-surface: #fff; --bg-card: #fff; --bg-input: #f5f5f5; --text-primary: #1a1a1a; --text-secondary: #666; --text-muted: #999; --border-subtle: #e5e5e5; --border-strong: #d5d5d5; --accent-cyan: #00d4b8; --accent-magenta: #e63975; --shadow: 0 2px 8px rgba(0, 0, 0, 0.08); } .theme-toggle { position: fixed; top: 1rem; right: 1rem; width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--border-subtle); background: var(--color-bg-card); cursor: pointer; font-size: 1.2rem; z-index: 100; transition: all 0.2s; display: flex; align-items: center; justify-content: center; } .theme-toggle:hover { transform: scale(1.1); } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: var(--font-sans); font-size: 16px; line-height: 1.6; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); min-height: 100vh; padding: 20px; } .container { max-width: 700px; margin: 0 auto; } h1 { color: white; text-align: center; margin-bottom: 30px; font-size: 28px; } .card { background: white; border-radius: 20px; padding: 30px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3); } .result { text-align: center; margin-bottom: 30px; padding: 25px; background: linear-gradient(135deg, #667eea, #764ba2); border-radius: 15px; } .result-numeric { font-size: 48px; font-weight: 700; color: white; font-family: var(--font-mono); } .result-symbolic { font-size: 24px; color: rgba(255, 255, 255, 0.9); margin-top: 10px; font-family: var(--font-mono); } .permissions { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } .perm-group { background: #f8f9fa; padding: 20px; border-radius: 12px; } .perm-title { font-weight: 600; margin-bottom: 15px; text-align: center; padding-bottom: 10px; border-bottom: 2px solid #e0e0e0; } .perm-title.owner { color: #e74c3c; border-color: #e74c3c; } .perm-title.group { color: #3498db; border-color: #3498db; } .perm-title.other { color: #2ecc71; border-color: #2ecc71; } .perm-option { display: flex; align-items: center; gap: 10px; padding: 8px 0; } .perm-option input { width: 20px; height: 20px; cursor: pointer; } .perm-option label { cursor: pointer; font-size: 15px; } .command { margin-top: 25px; padding: 20px; background: #1a1a2e; border-radius: 12px; } .command-title { color: #aaa; font-size: 12px; margin-bottom: 10px; } .command-text { color: #2ecc71; font-family: var(--font-mono); font-size: 16px; } .common-permissions { margin-top: 25px; } .common-title { font-weight: 600; margin-bottom: 15px; } .common-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; } .common-item { padding: 12px; background: #f0f0f0; border-radius: 8px; text-align: center; cursor: pointer; transition: all 0.2s; } .common-item:hover { background: #667eea; color: white; } .common-value { font-weight: 700; font-family: var(--font-mono); } .common-desc { font-size: 11px; color: #666; margin-top: 5px; } .common-item:hover .common-desc { color: rgba(255, 255, 255, 0.8); } .action-buttons { display: flex; gap: 10px; margin-top: 15px; } .btn { flex: 1; padding: 12px 20px; border: none; border-radius: 8px; font-size: 14px; font-weight: 600; cursor: pointer; transition: all 0.2s; } .btn-primary { background: #667eea; color: white; } .btn-primary:hover { background: #5568d3; transform: translateY(-2px); } .btn-secondary { background: #e0e0e0; color: #333; } .btn-secondary:hover { background: #d0d0d0; transform: translateY(-2px); } .breadcrumb { display: flex; align-items: center; gap: 8px; font-family: var(--font-mono); font-size: 0.85rem; padding: 8px 14px; background: var(--color-bg-surface); border: 1px solid var(--border-subtle); border-radius: var(--radius-sm); margin-bottom: 20px; } .breadcrumb a { color: var(--color-text-secondary); text-decoration: none; transition: color 0.2s ease; } .breadcrumb a:hover { color: var(--color-accent-cyan); } .breadcrumb a:hover { text-decoration: underline; } .breadcrumb span { color: #999; margin: 0 5px; } @media (max-width: 480px) { body { padding: 12px; } h1 { font-size: 1.4rem; } .card { padding: 16px; } .permissions { grid-template-columns: 1fr; gap: 12px; } .perm-group { padding: 12px; } .common-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; } .result-numeric { font-size: 36px; } .result-symbolic { font-size: 18px; } .result { padding: 16px; } } </style>  <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap" rel="stylesheet" /> </head> <body> <nav class="breadcrumb"> <a href="../../index.html">首页</a> <span>�?/span> Chmod 计算�? </nav> <div class="container"> <h1>🔐 Chmod权限计算�?/h1> <div class="card"> <div class="result"> <div class="result-numeric" id="numeric">755</div> <div class="result-symbolic" id="symbolic">rwxr-xr-x</div> </div> <div class="permissions"> <div class="perm-group"> <div class="perm-title owner">所有�?(Owner)</div> <div class="perm-option"> <input type="checkbox" id="or" checked onchange="calc()" /> <label for="or">读取 (r) = 4</label> </div> <div class="perm-option"> <input type="checkbox" id="ow" checked onchange="calc()" /> <label for="ow">写入 (w) = 2</label> </div> <div class="perm-option"> <input type="checkbox" id="ox" checked onchange="calc()" /> <label for="ox">执行 (x) = 1</label> </div> </div> <div class="perm-group"> <div class="perm-title group">用户�?(Group)</div> <div class="perm-option"> <input type="checkbox" id="gr" checked onchange="calc()" /> <label for="gr">读取 (r) = 4</label> </div> <div class="perm-option"> <input type="checkbox" id="gw" onchange="calc()" /> <label for="gw">写入 (w) = 2</label> </div> <div class="perm-option"> <input type="checkbox" id="gx" checked onchange="calc()" /> <label for="gx">执行 (x) = 1</label> </div> </div> <div class="perm-group"> <div class="perm-title other">其他�?(Other)</div> <div class="perm-option"> <input type="checkbox" id="tr" checked onchange="calc()" /> <label for="tr">读取 (r) = 4</label> </div> <div class="perm-option"> <input type="checkbox" id="tw" onchange="calc()" /> <label for="tw">写入 (w) = 2</label> </div> <div class="perm-option"> <input type="checkbox" id="tx" checked onchange="calc()" /> <label for="tx">执行 (x) = 1</label> </div> </div> </div> <div class="command"> <div class="command-title">Linux命令</div> <div class="command-text" id="command">chmod 755 filename</div> <div class="action-buttons"> <button class="btn btn-primary" onclick="copyCommand()">📋 复制命令</button> <button class="btn btn-secondary" onclick="resetPerms()">🔄 重置</button> </div> </div> <div class="common-permissions"> <div class="common-title">常用权限</div> <div class="common-grid"> <div class="common-item" onclick="setPerms(7, 7, 7)"> <div class="common-value">777</div> <div class="common-desc">完全开�?/div> </div> <div class="common-item" onclick="setPerms(7, 5, 5)"> <div class="common-value">755</div> <div class="common-desc">可执行文�?/div> </div> <div class="common-item" onclick="setPerms(7, 4, 4)"> <div class="common-value">744</div> <div class="common-desc">脚本文件</div> </div> <div class="common-item" onclick="setPerms(6, 4, 4)"> <div class="common-value">644</div> <div class="common-desc">普通文�?/div> </div> <div class="common-item" onclick="setPerms(6, 0, 0)"> <div class="common-value">600</div> <div class="common-desc">私密文件</div> </div> <div class="common-item" onclick="setPerms(7, 0, 0)"> <div class="common-value">700</div> <div class="common-desc">私密目录</div> </div> <div class="common-item" onclick="setPerms(4, 0, 0)"> <div class="common-value">400</div> <div class="common-desc">只读私密</div> </div> <div class="common-item" onclick="setPerms(0, 0, 0)"> <div class="common-value">000</div> <div class="common-desc">无权�?/div> </div> </div> </div> </div> </div> <script> function calc() { const o = (document.getElementById("or").checked ? 4 : 0) + (document.getElementById("ow").checked ? 2 : 0) + (document.getElementById("ox").checked ? 1 : 0); const g = (document.getElementById("gr").checked ? 4 : 0) + (document.getElementById("gw").checked ? 2 : 0) + (document.getElementById("gx").checked ? 1 : 0); const t = (document.getElementById("tr").checked ? 4 : 0) + (document.getElementById("tw").checked ? 2 : 0) + (document.getElementById("tx").checked ? 1 : 0); const numeric = `${o}${g}${t}`; const toSymbolic = (n) => (n & 4 ? "r" : "-") + (n & 2 ? "w" : "-") + (n & 1 ? "x" : "-"); const symbolic = toSymbolic(o) + toSymbolic(g) + toSymbolic(t); document.getElementById("numeric").textContent = numeric; document.getElementById("symbolic").textContent = symbolic; document.getElementById("command").textContent = `chmod ${numeric} filename`; } function setPerms(o, g, t) { document.getElementById("or").checked = o & 4; document.getElementById("ow").checked = o & 2; document.getElementById("ox").checked = o & 1; document.getElementById("gr").checked = g & 4; document.getElementById("gw").checked = g & 2; document.getElementById("gx").checked = g & 1; document.getElementById("tr").checked = t & 4; document.getElementById("tw").checked = t & 2; document.getElementById("tx").checked = t & 1; calc(); } function copyCommand() { const command = document.getElementById("command").textContent; navigator.clipboard.writeText(command).then(() => { const btn = event.target; const originalText = btn.textContent; btn.textContent = "�?已复制！"; setTimeout(() => { btn.textContent = originalText; }, 2000); }); } function resetPerms() { setPerms(7, 5, 5); // 默认 755 } calc(); </script> </body> </html>