如何隐藏App Maker页面顶部的Page Navigator？

当然有办法搞定这个烦人的Page Navigator！完全懂你的感受——当你搭好自定义站点导航后，这个默认导航不仅多余，页面命名规则还不允许用空格，看起来更像开发者工具而非给用户用的；要是应用只有单页面，那它更是毫无存在必要。下面给你几个实用的解决方案：

1. 全局禁用（所有页面统一隐藏） #

这是最省心的方式，适合整个应用都不需要这个导航的场景：

• 打开你的App Maker项目，点击左侧导航栏的Settings（设置）
• 切换到UI Settings（UI设置）标签页
• 找到Show page navigator选项，取消勾选它
• 保存设置后，所有页面的顶部导航栏就都消失了

2. 单个页面单独隐藏（灵活控制） #

如果只是部分页面需要隐藏，或者想保留全局设置但单独修改某一页，可以用自定义CSS：

• 打开目标页面的编辑器，点击右侧面板的Page Settings（页面设置）
• 找到Custom CSS输入框，粘贴以下代码：

.appmaker-page-navigator {
  display: none !important;
}

• 保存页面后，这个页面的Page Navigator就会被隐藏，其他页面不受影响

3. 单页面应用的极简处理 #

如果你的应用只有一个页面，除了上面两种方法，还有个更直接的思路：把这个页面设为默认启动页面，并且删除所有多余页面，此时因为没有可切换的其他页面，Page Navigator会自动隐藏。不过更稳妥的还是用全局禁用的方式，避免后续添加页面时它又冒出来。

另外提一句：虽然页面ID不允许空格，但你可以在页面的Display Name（显示名称）里设置带空格的友好名称——不过既然你已经用了自定义导航，这点可能对你来说也不重要啦。

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