多屏幕下谷歌浏览器将页面显示到扩展屏指定位置

在以前的版本中,window.open就可以简单的将窗口显示到任意位置。但是目前版本的浏览器,使用该接口只能在主屏幕显示

使用谷歌多屏幕API
前置要求:页面为可信任页面
1.页面为安全的https页面

2.通过调整浏览器设置将页面设置成信任页面
多屏幕下谷歌浏览器将页面显示到扩展屏指定位置_第1张图片
官方测试demo https://michaelwasserman.github.io/window-placement-demo/
一篇入门API介绍博客https://blog.p2hp.com/archives/9479
多屏幕下谷歌浏览器将页面显示到扩展屏指定位置_第2张图片
点击Update Screens,浏览器会询问用户是否允许页面管理窗口多屏幕下谷歌浏览器将页面显示到扩展屏指定位置_第3张图片

如果点击了阻止,页面会提示

多屏幕下谷歌浏览器将页面显示到扩展屏指定位置_第4张图片
此时如果想重置或者允许,点击地址栏的“锁”
多屏幕下谷歌浏览器将页面显示到扩展屏指定位置_第5张图片

选择窗口管理,修改权限,修改后刷新页面

多屏幕下谷歌浏览器将页面显示到扩展屏指定位置_第6张图片允许后,再次点击Update Screens,枚举出了所有的屏幕,此时就可以将窗口显示到任意屏幕了

你可能感兴趣的:(1024程序员节)