Web Renderer · 网页渲染工具

粘贴 HTML、CSS 和 JavaScript，立即预览。支持本地项目保存与导入导出。

Web Renderer 是一个打开就能使用的网页实验室。点击浏览器工具栏图标，在独立标签页中编辑 HTML、CSS 和 JavaScript，并实时查看运行效果。适合学习前端、试验网页样式以及制作小型交互原型，无需创建账户或配置开发服务器。 编辑器支持语法高亮、自动补全、缩进、代码折叠、查找替换、撤销重做，以及本地代码格式化。你可以自动运行代码，也可以手动运行；控制台显示日志和运行错误，支持筛选、清空与调整高度。 工作台支持左右或上下分栏、拖动调整比例、桌面与手机尺寸预览、自定义视口、全屏预览和日间/夜间模式。九个内置模板包括空白画布、个人简历、企业官网、管理后台、灵感花园、个人名片、联系表单、产品介绍页和待办清单。每个模板均可先预览再创建项目，并自带中英文切换。后台模板包含演示登录、菜单、概览、用户、订单及设置页面。 项目和偏好保存在当前浏览器，可搜索项目并用 JSON 导入导出备份。编辑器、格式化器与模板随扩展安装，默认示例可离线使用。扩展没有广告、遥测或云端同步，也不读取其他标签页或浏览历史。你编写的预览代码若引用外部资源，仍可能访问对应服务。 预览在独立沙箱中运行，不支持远程 JavaScript 库、npm、JSX/TypeScript 编译或多文件构建。后台登录仅为前端演示，不是真实认证系统。清除扩展数据或卸载前请导出项目备份。 左上角可访问 GitHub 仓库并查看 Star 数。计数通过 GitHub 公开 API 获取；打开或返回工作台时更新，每分钟最多请求一次，离线时使用缓存；请求不包含项目或代码。