responsive-preview

CategoryGitHub开源项目
Tech StackVue3TypeScriptViteHTMLCSSGitHub Actions
Tags多端网站预览工具
responsive-preview

本项目基于 himkiong 的 multiterminal-preview 进行开发,旨在生成手机、平板、笔记本、电脑等多种设备的带壳预览图。通过 iframe 实现对目标网站的实时加载与预览,并叠加设备外壳,真实还原多端浏览效果。用户可自由切换设备类型,并支持自定义输入任意网址,便于响应式设计的快速验证与分享。

项目采用 Vue 3 + Vite 构建,是一个纯静态前端应用,无需后端服务,开箱即用。通过 GitHub Actions 自动化工作流,每次代码提交至主分支后,系统会自动构建项目,将生成的 dist 目录内容发布至 page 分支,并由 GitHub Pages 自动部署上线,真正实现“git push 即发布”的高效开发体验。