可访问性树生成 - 解析HTML ARIA结构
粘贴HTML,生成浏览器的可访问性树模拟视图,帮助理解辅助技术看到的页面。
UD5工具箱
可视化配置 Apache 服务器规则,一键生成 .htaccess 文件
.htaccess(Hypertext Access)是 Apache Web 服务器的分布式配置文件。它允许在目录级别对服务器行为进行配置,无需修改主配置文件。常见用途包括:URL 重写、301/302 重定向、访问控制、缓存设置、密码保护、防盗链、自定义错误页面等。每个目录可以拥有独立的 .htaccess 文件,配置会递归应用到子目录。
通常将 .htaccess 文件放置在网站的根目录(如 public_html、www、htdocs 等)。该文件中的配置会应用到当前目录及其所有子目录。你也可以在子目录中放置额外的 .htaccess 文件来覆盖或补充根目录的配置。注意:文件名以点开头,在某些操作系统中是隐藏文件,需要使用 ls -a 或显示隐藏文件功能才能看到。
301(永久重定向):告诉搜索引擎和浏览器该页面已永久移动到新地址。搜索引擎会将权重和排名传递到新 URL。适用于网站改版、域名更换等场景。
302(临时重定向):表示临时跳转,搜索引擎会继续索引原 URL。适用于临时维护、A/B 测试等。对于 SEO,301 是首选,因为 302 可能导致搜索引擎困惑。
在 .htaccess 中使用 RewriteEngine 配合条件判断来实现:RewriteEngine OnRewriteCond %{HTTPS} offRewriteRule ^(.*)$ https://%{HTTP_HOST}/$1 [L,R=301]
此规则检测到非 HTTPS 请求时自动 301 跳转到 HTTPS 版本。使用本工具可在"重定向"标签中一键勾选此功能。
盗链保护通过检查 HTTP_REFERER 来实现。当其他网站直接引用你的图片时,请求的 Referer 头会显示来源域名。可以通过 RewriteCond 判断 Referer 是否为空或不是自己的域名,然后拒绝请求或显示替代图片。本工具在"安全防护"标签中提供了可视化配置。
常见排查步骤:
1. 确认 Apache 已启用 mod_rewrite 模块(sudo a2enmod rewrite)
2. 检查主配置中 AllowOverride 是否设置为 All(而非 None)
3. 确认文件名正确(.htaccess,不是 htaccess.txt)
4. 检查文件权限(通常 644 即可)
5. 查看 Apache 错误日志定位具体问题
6. 确保规则语法正确,无多余空格或换行问题
合理设置缓存可以显著提升网站加载速度,减少服务器负载和带宽消耗。通过 Expires 和 Cache-Control 头告诉浏览器哪些资源可以缓存以及缓存多久。对于不常变化的资源(如图片、CSS、JS),建议设置较长缓存时间(1个月到1年)。在 .htaccess 中使用 mod_expires 模块配置,本工具"缓存压缩"标签可一键生成。
RewriteCond:定义重写规则的条件(如检查请求是否指向真实文件、检查域名等)。多个 RewriteCond 可以组合使用,默认是 AND 关系。
RewriteRule:定义匹配模式和执行动作。格式为 RewriteRule 匹配模式 目标 [标志]。标志如 [L] 表示最后一条规则、[R=301] 表示 301 重定向、[NC] 表示不区分大小写。两者配合可实现复杂的 URL 处理逻辑。
粘贴HTML,生成浏览器的可访问性树模拟视图,帮助理解辅助技术看到的页面。
输入数据流,使用 HyperLogLog 算法估算独立元素数量,与精确计数对比。
选择旅行类型(海滩/商务/徒步)与天数,自动推荐打包列表,支持勾选与自定义。
用Emoji组合表示成语/电影名,生成谜面供朋友猜,也可随机出题挑战。
列出想买物品与预估价格,自动求和,避免超支。
录入多家运营商套餐的流量/通话/短信及月费,填入自己月用量,凸显最值选择。
从一个基色或图片提取的颜色,自动生成 50-950 的色阶并导出为 Tailwind CSS 配置。
通过交互式问答选择入口、输出、Loaders 和 Plugins,生成 webpack.config.js。
调整粒子数量、形状、颜色、连线等参数,实时预览粒子背景效果,导出 Particles.js 配置 JSON。
输入键值对,自动生成 Kubernetes ConfigMap YAML,支持文字和多行数据。
粘贴 YAML 配置文件,验证 GitHub Actions、GitLab CI 或 Jenkinsfile 的基本语法。
填写上游服务器地址和路径规则,自动生成 Nginx 或 Apache 的反向代理配置文件。
输入问题描述(如“禁止未使用变量”),自动匹配对应的 ESLint 规则名称及配置建议。
通过表单选择预缓存、运行时缓存规则,生成 workbox-config.js,简化 PWA 缓存配置。
可视化设置缩进、换行符、字符编码等参数,生成 .editorconfig 文件,适用于多编辑器协作。
输入用户名和密码,生成用于基本认证的.htpasswd加密条目。
粘贴JSON对象,一键转换为简洁的YAML格式,方便编写配置文件。
配置启动画面背景色与图标,生成对应manifest和meta标签代码。
摆放棋子创建自定义残局,切换红黑方,用于教学或挑战。
输入OpenID Provider域名,自动请求 .well-known/openid-configuration 并格式化显示。
预览并调整撒花动画的速度、密度和形状,生成一键调用撒花的JS函数代码片段。