js控制屏幕双屏显示

最新推荐文章于 2022-07-01 13:56:28 发布

erdongritian

最新推荐文章于 2022-07-01 13:56:28 发布

阅读量1.2w

点赞数 1

文章标签：双屏

本文链接：https://blog.csdn.net/erdongritian/article/details/81629872

版权

一、需求

双屏显示器下，在主屏（副屏）显示的web页面中，点击链接，打开新页面在副屏（主屏）上显示。

二、实现方式

代码实现：

testdouble.html

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<script type="text/javascript">
		
		var fulls = "left=0,screenX=0,top=0,screenY=0,scrollbars=1"; //定义弹出窗口的参数
		if(window.screen) {
			var ah = screen.availHeight - 30;
			var aw = screen.availWidth - 10;
			fulls += ",height=" + ah;
			fulls += ",innerHeight=" + ah;
			fulls += ",width=" + aw;
			fulls += ",innerWidth=" + aw;
			fulls += ",resizable"
		} else {
			fulls += ",resizable"; // 对于不支持screen属性的浏览器，可以手工进行最大化。 manually
		}
		function openNewWindow(url, name) {
			myWindow=window.open(url, name, fulls);
			if(screen.availLeft>-1){  //判断左屏还是右屏
				myWindow.moveTo(-1000, 0); //1000是根据自己环境来设定的，应该有更好的方式。
			}else{
				myWindow.moveTo(1000, 0);
			}
		}
		function goDemo() {
			openNewWindow('testdouble2.html', '');
		}
	</script>

	<body>
		<h1>这是主屏</h1>
		<button onclick="goDemo()">跳到副屏</button>
	</body>

</html>

testdouble2.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<h1>这是副屏</h1>
	</body>
</html>

测试成功的浏览器：

测试不成功的如下：

三、其他方式（博主在网上查的其他实现方式，但是没有测试成功）

方式一：利用ActiveXObject对象，获取硬件相关信息，进行跳转，文章说要用ie9，博主ie8，测试不通过。

http://www.cnblogs.com/gilbert/p/5421530.html

方式二：结合工具UltraMon，进行设置，但是博主安装了一下这个工具，折腾了一下，没有折腾出来。

方式三：自己写ActiveXObject插件，没有搞过，也不想搞。

目前就这些了，如果有更好、更简单的方式，可以沟通交流。

erdongritian

关注

1
点赞
踩
22

收藏

觉得还不错? 一键收藏
3
评论
js控制屏幕双屏显示

一、需求双屏显示器下，在主屏（副屏）显示的web页面中，点击链接，打开新页面在副屏（主屏）上显示。二、实现方式代码实现：testdouble.html&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt;
复制链接

扫一扫