将网站链接添加至手机主屏，进入后页面会出现浏览器的头部和底部，需实现内容全屏展示，无浏览器头部和底部。

这个问题可以通过使用全屏API来解决。全屏API可以让你的网页以全屏模式运行，从而隐藏浏览器的头部和底部。

以下是实现全屏展示的基本步骤：

1. 在你的HTML文件中添加一个按钮或者其他触发全屏的元素，并为它添加一个事件处理函数。

2. 在事件处理函数中，使用全屏API的`requestFullscreen()`方法将页面设置为全屏。

3. 使用`document.fullscreenElement`属性来检查页面是否处于全屏模式。

4. 如果用户退出全屏模式，可以在`fullscreenchange`事件处理函数中添加代码来恢复页面正常的显示。

以下是一个简单的示例代码：

// 获取触发全屏的按钮
const fullscreenButton = document.querySelector('#fullscreen-button');

// 添加点击事件处理函数
fullscreenButton.addEventListener('click', () => {
  // 检查当前页面是否已经处于全屏模式
  if (!document.fullscreenElement) {
    // 如果不是，使用全屏API进入全屏模式
    document.documentElement.requestFullscreen();
  }
});

// 添加全屏状态变化事件处理函数
document.addEventListener('fullscreenchange', () => {
  // 检查当前页面是否已经退出全屏模式
  if (!document.fullscreenElement) {
    // 如果是，恢复页面正常的显示
    console.log('Exited fullscreen mode');
  }
});

你可以将这段代码添加到你的网页中，并根据你的需要进行调整。