API中#xff0c;只有5%被开发人员积极使用。

让我们来看看一些有用的Web

API#xff0c;它们可以帮助您将网站推向月球#xff01;#x1f315;#x1f680;1.…随着技术的日新月异为开发人员提供了令人难以置信的新工具和API。

但据了解在100

API中只有5%被开发人员积极使用。

让我们来看看一些有用的Web

截屏接口Screen

API顾名思义允许您捕获屏幕的内容使构建屏幕录像机的过程变得轻而易举。

您需要一个视频元素来显示捕获的屏幕。

开始按钮将开始屏幕捕获。

video

idpreview

document.getElementById(preview);

const

document.getElementById(start);async

function

navigator.mediaDevices.getDisplayMedia({video:

true,audio:

}startBtn.addEventListener(click,

Share

API允许您将网页中的文本、链接甚至文件共享到设备上安装的其他应用程序。

async

function

https://tapajyoti-bose.vercel.app/,});

}注意要使用Web

API您需要用户进行交互。

例如按钮点击或触摸事件。

3.路口观察器APIIntersection

Observer

API允许您检测元素何时进入或离开视口。

这对于实现无限滚动非常有用。

https://codepen.io/ruppysuppy/embed/abBeZwj?height600default-tabresultembed-version2注意由于我个人的喜好该演示使用React

JavaScript。

4.剪贴板API剪贴板API允许您读取数据并将数据写入剪贴板。

这对于实现复制到剪贴板功能很有用。

async

function

https://tapajyoti-bose.vercel.app/;navigator.clipboard.writeText(text);

}5.屏幕唤醒锁定API有没有想过YouTube如何防止屏幕在播放视频时被关闭好吧那是因为Screen

Wake

navigator.wakeLock.request(screen);

}async

API允许您检查屏幕的当前方向甚至可以将其锁定到特定方向。

async

function

screen.orientation.lock(portrait);

}function

}7.全屏API全屏API允许您全屏显示一个元素或整个页面。

async

function

document.documentElement.requestFullscreen();

}async