如何移除/隐藏SharePoint默认页眉与导航栏，让站点像普通网页

方案1：自定义CSS注入（适配经典/现代站点） #

• 经典站点：若能访问母版页（如seattle.master），直接编辑母版页找到页眉对应元素（通常是#s4-topheader或.ms-breadcrumb-top），添加以下CSS隐藏：

  #s4-topheader, .ms-breadcrumb-top {
      display: none !important;
  }
  

  若无法编辑母版页，可通过内容编辑器Web部件实现：在页面添加内容编辑器，切换到源码模式，插入上述CSS代码即可。
• 现代站点：若订阅允许自定义脚本，可通过SPFx部件或REST API注入CSS隐藏顶部导航栏：

  .sp-appBar {
      display: none !important;
  }
  

方案2：SPFx应用自定义器扩展 #

通过SharePoint Framework开发全局应用扩展，实现全站页眉隐藏：

1. 初始化SPFx项目，选择「Application Customizer」模板
2. 在onInit方法中添加CSS注入逻辑：

   import { override } from '@microsoft/decorators';
   import { BaseApplicationCustomizer } from '@microsoft/sp-application-base';
   
   export default class HideHeaderCustomizer extends BaseApplicationCustomizer {
     @override
     public onInit(): Promise<void> {
       const style = document.createElement("style");
       style.textContent = `.sp-appBar { display: none !important; }`;
       document.head.appendChild(style);
       return Promise.resolve();
     }
   }
   

3. 将扩展部署到站点并激活，即可全局移除页眉。

方案3：请求管理员协助 #

若因权限/订阅限制无法自行操作，联系企业SharePoint管理员：

• 申请开启站点的自定义脚本支持（现代站点默认关闭，管理员可通过管理中心或PowerShell开启）
• 请求管理员修改站点母版页或批量应用自定义CSS到站点集

方案4：使用全屏页面布局 #

若无法全局修改，可创建全屏布局的现代页面：新建页面时选择「全屏」布局（部分版本支持），该布局会自动隐藏默认页眉与导航栏，呈现普通网页样式。

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