隐藏仅网站需要的元素
Cookie 横幅、商店徽标、邮件订阅弹窗、桌面导航、“Edit with …”构建工具徽标。在 custom.css 中各写一条 CSS 规则即可。
典型的应用专属改动
类应用的布局
更大的点击区域、固定栏的安全区域内边距、底部导航（或 WebViewGold 的原生导航底栏）、隐藏应用栏已经显示的页面标题。
行为改动
把外部链接改写为在应用内浏览器中打开，表单提交后调用 successhaptic://，为数字商品隐藏 Web 结账并改为显示 IAP 按钮。
给 Bolt 的提示词
把这段粘贴到 Bolt 中以实现 Web 应用端。检查结果，发布，然后在 WebViewGold 应用中测试。
粘贴到 Bolt 的提示词
Add app-only presentation for the native mobile build. Create src/lib/native.ts with isNativeApp() returning true when navigator.userAgent contains "WebViewGold", evaluated once at startup. Mark the marketing header, footer, cookie banner, newsletter pop-up and any "Built with" or "Download our app" elements with data-web-only and skip rendering them when isNativeApp() is true. Inside the native app render a fixed bottom tab bar (Home, Browse, Saved, Account) with padding-bottom: env(safe-area-inset-bottom), active-state icons and no top navigation. Make sure page content has enough bottom padding so nothing is hidden behind the bar. Keep everything unchanged for normal browser visitors.
只要有一个优化良好的Web应用版本，几分钟内您就能拥有一个出色的移动应用。除此之外，客户服务非常友好且乐于助人！我只能说：推荐WebViewGold :-)
为 Bolt 应用实现的两种方式
选择与您工作方式相符的那一种。
方案 A：WebViewGold 中的 custom.css / custom.js
编辑 Xcode 和 Android Studio 项目中的这两个文件（或 Cloud Builder 字段）。它们会被注入每个页面。无需部署您的 Web 应用；新的应用构建会带上这些改动。
方案 B：在 Bolt 中检测应用
在 Config.swift / Config.java 中设置自定义 User-Agent（例如追加“WebViewGold”），然后在 Web 应用检测到它时给 body 添加一个 class，并在您的常规样式表中为
.in-app变体设置样式。改动随每次发布生效，无需更新应用。两者结合
对经常变化的内容（导航、促销）使用 User-Agent class，对那些在构建工具中不易修改的元素，用 custom.css 做一次性清理。
在审核条件下验证
在 iPhone 和 Android 手机上以竖屏和横屏打开应用，并在 iPad 上打开：没有桌面页眉，没有横向滚动，没有东西藏在刘海下面。
入门 custom.css
根据您的 Bolt 标记调整选择器：
css
/* website-only elements */
#cookie-banner, .newsletter-popup, .app-store-badges, #lovable-badge, a[href*="lovable.dev"] { display: none !important; }
/* desktop navigation and footer links */
header .desktop-nav, footer .link-columns { display: none !important; }
/* safe area for fixed bars */
.bottom-bar { padding-bottom: env(safe-area-inset-bottom); }
/* comfortable tap targets */
button, .btn, a.nav-item { min-height: 44px; }常见问题
自定义 CSS 会改变我的网站吗？
不会。它只在应用内注入。Safari 或 Chrome 中的访客看到的网站和以前一样。
我能注入 JavaScript 库吗？
能，custom.js 会在应用内的每次页面加载时运行。保持它小巧而健壮：根据框架不同，您 Bolt 应用的页面可能在您的脚本之前或之后加载。
CSS 改动需要新的商店版本吗？
custom.css 中的改动需要（它随应用一起发布）。如果您想要即时生效的改动，请改用 Web 应用中的 User-Agent 检测。
让您的应用上架商店的三种方式
结果相同，只是您需要投入的工作量不同。三种方式都附带审核通过保证和 7×24 小时人工支持。
自己动手
$109 每个平台，一次性付费
WebViewGold 许可证：一个现成的 Xcode 或 Android Studio 项目。粘贴您的 URL，设置名称和图标，开启所需功能，构建并提交。永久免费更新。
在主页查看方案Cloud Builder
$349 每个许可证，一次性附加购买
无需 Mac、Xcode 或 Android Studio：在浏览器中完成配置，我们在云端构建两个应用，并将其交付到 App Store Connect 和 Play Console。
Cloud Builder 如何运作 试用免费演示Full Service
$698 每个平台 $798
把您的 URL 和图标发给我们。我们的团队在 72 小时内完成配置、构建并交付您的应用，白标，附源码项目。两个平台共 $1,158。
Full Service 详情 服务提供方：
冬季特惠价格有效期至 2026年12月31日。