如何移除PhoneGap加载index.html前的Hello World启动页面？

嘿，我刚入门PhoneGap的时候也碰到过一模一样的问题！那个带着“Hello World”导航栏的默认启动页确实挺影响体验的，别担心，咱们一步步来搞定它～

为什么会出现这个页面？ #

这个页面是PhoneGap在线构建工具默认生成的初始页面，要么是你的项目里还保留着默认的index.html，要么是配置文件没指定你自己的主页面，导致构建工具自动用了它的模板页面。

具体解决步骤： #

• 替换/覆盖默认的index.html
  PhoneGap默认会加载项目根目录下的index.html作为启动页，你只需要把你自己的主页面内容完全替换掉原来默认的index.html就行。注意保留你代码里那些必要的meta标签（比如<meta charset="utf-8" />、<meta name="format-detection" content="telephone=no" />这些，都是PhoneGap运行必需的）。

• 在config.xml里明确指定启动页面
  如果你的主页面文件名不是index.html，或者想更稳妥地指定，打开项目里的config.xml文件，添加或修改<content>标签：

  <content src="your-main-page.html" />
  

  把your-main-page.html换成你实际的主页面文件名，确保路径是相对于项目根目录的正确路径。

• 清理在线构建缓存后重新构建
  PhoneGap在线构建有时候会缓存旧的文件，修改完代码和配置后，记得重新上传完整的项目压缩包，或者在构建页面里找到清理缓存的选项，清理后再重新构建APK，避免旧的默认页面还被打包进去。

额外提醒 #

如果你的项目用到了splashscreen（启动屏）插件，要确保启动屏的配置是正确的，比如设置好启动屏的显示时长，并且在你的主页面加载完成后调用隐藏启动屏的代码，这样就不会和默认页面混淆啦～

内容的提问来源于stack exchange，提问作者appzone_oto