全屏API允许在页面上的元素上提供完整的屏幕视图。通常，这将在不同的图形或媒体资源（例如视频或图像）中看到，但实际上，页面上的任何元素都可以在完整的ScreenView上具有完整的屏幕。
全屏API目前在Chrome，Firefox，Opera和Edge中得到了很好的支持。
如果您需要支持全屏API，则可以使用第三方脚本库fscreen或ScreenFull。
要在用户的浏览器上启用完整的屏幕视图，您需要使用功能请求来获得许可证。这与请求访问位置数据不同。通过确定用户是否执行特定操作，浏览器基本上被批准或拒绝完整屏幕访问。例如，单击允许按钮以确定是否接受请求。
如果用户想退出完整的屏幕视图，则可以使用“通用出口”全屏窗口，然后按Exit键。
全屏API最常用于扩大图像和视频，但它们都有自己的小问题，需要考虑使用，因此请从一些更简单的内容开始：一个带有按钮的HTML5页面，将部分内容转换为完整的屏幕，看法。
实际效果可以单击以查看演示。
模态流行窗口层是现代前端的主要弹出窗口。以下定义了一个完整的屏幕模态流行窗口。主要代码如下：
实际效果可以单击以查看演示。
全屏API非常易于使用，这可能会给前端带来很多意外效果。除了文章引入的两个简单用途外，它还可以用于全屏幕图片。