
Nano Banana Browser
用 Nano Banana 扩展改造你的网页浏览体验!这个有趣且创新的 Chrome 扩展使用 AI 技术,将你的脸插入到你在网页浏览时遇到的任何图像中。
WebToApp 是一款完全开源的 Android 应用,允许你在手机端零代码完成网站、媒体资源或 HTML 项目到 APK 的转换与构建。无需电脑,无需 Android Studio,几分钟即可生成可安装、可分发的独立应用。
在移动端开发中,将一个网站或前端项目打包成独立的 Android 应用,传统流程往往需要配置 Android Studio、编写 Gradle 脚本、处理签名证书……步骤繁琐且门槛较高。
WebToApp 是一款完全开源的 Android 应用,允许你在手机端零代码完成网站、媒体资源或 HTML 项目到 APK 的转换与构建。无需电脑,无需 Android Studio,几分钟即可生成可安装、可分发的独立应用。

输入网址/选择文件 → 配置应用参数 → 一键生成 APK
| 转换类型 | 支持内容 | 典型场景 |
|---|---|---|
| 网站转 App | 任意 HTTPS 网址 | 将博客、文档站、工具站打包为独立应用 |
| 媒体转 App | 图片/视频文件 | 制作电子相册、视频展示页、教程合集 |
| HTML 转 App | HTML/CSS/JS 项目 | React/Vue/Next.js 构建产物一键打包 |
| 前端框架支持 | React、Vue、Svelte、Nuxt 等 | 前端开发者快速发布移动端体验版 |
WebToApp 深度集成 AI 能力,降低功能扩展与界面定制的门槛:
对于需要分发或商用的应用,安全性至关重要。WebToApp 提供多层次防护:
这是 WebToApp 最具扩展性的设计。你可以通过注入 JavaScript/CSS 代码,为任意网页应用增强功能:
| 模块 | 功能说明 |
|---|---|
| ⬇️ 视频下载器 | 自动检测网页视频,支持 MP4 与 Blob 流下载 |
| 📺 平台视频提取 | 支持 B 站、抖音、小红书等平台的无水印视频地址提取 |
| ⚡ 视频增强 | 倍速控制(0.5x-5x)、画中画、后台播放、阻止应用跳转 |
| 🔧 网页分析工具 | 元素审查、网络监控、Cookie 管理、Console 注入 |
| 🌙 高级暗黑模式 | 智能色彩反转、图片亮度控制、定时开关 |
| 🛡️ 隐私保护 | 去广告、反指纹追踪、点击劫持保护、外链警告 |
| 📝 内容增强 | 强制复制、划词翻译、长截图、Markdown 转化 |
| 🚫 元素屏蔽 | 可视化选择并屏蔽网页广告、弹窗、指定元素 |
window.NativeBridge 调用 Android 原生能力// 示例:一键保存图片并震动反馈
document.querySelectorAll('img').forEach(img => {
img.addEventListener('contextmenu', (e) => {
e.preventDefault();
NativeBridge.saveImageToGallery(img.src);
NativeBridge.vibrate(50);
NativeBridge.showToast('图片已保存');
});
});
除了核心转换能力,WebToApp 还集成了大量提升用户体验的实用功能:
| 功能类别 | 具体能力 |
|---|---|
| 启动体验 | 图片/视频启动画面、背景音乐(支持 LRC 歌词同步)、弹窗公告(10 种精美模板) |
| 浏览增强 | 网页自动翻译(中/英/日/阿)、长按菜单增强、后台运行、强制运行模式 |
| 系统集成 | 开机自启动、定时任务、桌面快捷方式、多架构 APK 支持(arm64-v8a/x86 等) |
| 媒体管理 | 内置媒体画廊、视频裁剪器、在线音乐搜索与下载 |
| 应用修改 | 扫描已安装应用,修改图标/名称,支持克隆安装为独立应用 |
WebToApp 采用当前 Android 开发的主流技术栈,确保代码质量与可维护性:
📝 语言 Kotlin 1.9+
🎨 UI 框架 Jetpack Compose + Material 3
🏗️ 架构模式 MVVM + Repository
🗄️ 本地存储 Room + SQLite
🌐 网络请求 OkHttp
🖼️ 图片加载 Coil
🔐 加密方案 AES-256-GCM + PBKDF2
✍️ APK 签名 JarSigner + Keystore
🌍 多语言 i18n 动态切换(中/英/阿)
📱 系统兼容 Android 6.0 (API 23) ~ Android 16 (API 36)
项目结构概览:
app/src/main/java/com/webtoapp/
├── core/ # 核心功能模块
│ ├── apkbuilder/ # APK 构建与签名核心
│ ├── crypto/ # 加密系统
│ ├── extension/ # 扩展模块引擎 + AI Agent
│ ├── webview/ # WebView 管理与桥接
│ ├── isolation/ # 独立环境与指纹伪装
│ └── ... # 广告拦截、后台服务、BGM 等
├── ui/ # UI 层(Jetpack Compose)
│ ├── screens/ # 各功能页面
│ ├── components/ # 可复用组件
│ └── theme/ # 主题系统
└── util/ # 工具类
1. 点击主页「创建应用」
2. 输入网站地址(如 https://example.com)
3. 设置应用名称、包名、版本号
4. (可选)选择图标:从相册选取或 AI 生成
5. (可选)配置扩展模块、启动画面、背景音乐等
6. 点击「保存」→「构建 APK」
7. 构建完成后自动弹出安装界面
1. 在创建/编辑应用时,展开「扩展模块」卡片
2. 点击「选择模块」浏览内置模块库
3. 勾选需要的功能(如「视频下载器」「暗黑模式」)
4. 模块将在应用运行时自动注入执行
1. 进入「扩展模块」→「AI 模块开发」
2. 用自然语言描述需求(如"点击按钮时复制当前页面链接")
3. AI 自动生成代码并进行安全扫描
4. 预览效果后保存,模块即可复用
如果你希望修改 WebToApp 本身或集成到自有项目:
# 环境要求
- Android Studio Hedgehog (2023.1.1)+
- JDK 17
- Gradle 8.2
# 编译步骤
git clone <repository_url>
cd WebToApp
./gradlew assembleDebug # 编译调试版
./gradlew assembleRelease # 编译发布版(需配置签名)
# 签名配置(app/build.gradle.kts)
signingConfigs {
create("release") {
storeFile = file("your-keystore.jks")
storePassword = "your-store-password"
keyAlias = "your-key-alias"
keyPassword = "your-key-password"
}
}







