如何实现Chrome多个网页窗口同步点击?

抉择20131 2014-02-20 01:04:34
直接能打开多个Chrome浏览器窗口(比如5个)后进入同一个网址,当我鼠标随便点击任意一个窗口上的按钮时其他窗口同时完成相同的动作就可以了,度娘上查了半天没有找到解决办法,来这里请教各位大神们了,有时间的大神们帮帮忙吧如何做用什么开发软件或者语言才能实现?
...全文
4848 4 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
可爱的小灵儿 2014-02-20
  • 打赏
  • 举报
回复

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Local storage test</title>
</head>
<body bgcolor = "F0F0F0">
	<input id="000" type="text"/><input id='001' type="button" name="Sync" value="Sync" onclick="synchronize();"/>
</body>
<script type="text/javascript">
function synchronize(){
	var inputElement = document.getElementById("000");
	localStorage['input'] = inputElement.value;
};

function show(){
	var inputElement = document.getElementById("000");
	inputElement.value = localStorage['input'];
};

window.addEventListener("storage", show, true);
</script>
</html>
希望能够帮到你。
抉择20131 2014-02-20
  • 打赏
  • 举报
回复
还有我开的是外网网页比如www.baidu.com我同时开5个然后输入不同的信息,我想实现的是只要点击其中一个页面的搜索按钮其他页面也同时操作,能实现吗?
抉择20131 2014-02-20
  • 打赏
  • 举报
回复
引用 1 楼 RisJazz 的回复:
你好,针对你的问题,觉得可以用以下几种方法解决。 1. Cookie轮询法。 每当一个页面触发你要同步的事件时,将这个事件写入cookie中,并在所有的页面定时访问cookie。 如果其它页面检测到有新的事件,则执行相应的操作,可以做到简单的页面同步。 缺点:需要定时检测cookie,耗费浏览器资源。 同步的速度和检测cookie的频率有关,不能做到真正的即时同步。 有点:对于浏览器的兼容性较好。 2. HTML5 本地存储方法。 当页面触发你要同步的事件,将这个事件用HTML5 的 localStorage对象进行存储。 此时在其它页面都会触发window.onstorage事件,通过此事件可进行同步。 缺点:在许多旧版本浏览器中并不能很好的支持localStorage 优点:实时性强,用户体验好。 3. 其它方法。 html5 web socket,通过浏览器与服务器的即时通信同步。 html5 web RTC,通过建立浏览器到浏览器的点对点连接进行同步。
第2种方法能具体说下吗?
可爱的小灵儿 2014-02-20
  • 打赏
  • 举报
回复
你好,针对你的问题,觉得可以用以下几种方法解决。 1. Cookie轮询法。 每当一个页面触发你要同步的事件时,将这个事件写入cookie中,并在所有的页面定时访问cookie。 如果其它页面检测到有新的事件,则执行相应的操作,可以做到简单的页面同步。 缺点:需要定时检测cookie,耗费浏览器资源。 同步的速度和检测cookie的频率有关,不能做到真正的即时同步。 有点:对于浏览器的兼容性较好。 2. HTML5 本地存储方法。 当页面触发你要同步的事件,将这个事件用HTML5 的 localStorage对象进行存储。 此时在其它页面都会触发window.onstorage事件,通过此事件可进行同步。 缺点:在许多旧版本浏览器中并不能很好的支持localStorage 优点:实时性强,用户体验好。 3. 其它方法。 html5 web socket,通过浏览器与服务器的即时通信同步。 html5 web RTC,通过建立浏览器到浏览器的点对点连接进行同步。

5,007

社区成员

发帖
与我相关
我的任务
社区描述
解读Web 标准、分析和讨论实际问题、推动网络标准化发展和跨浏览器开发进程,解决各种兼容性问题。
社区管理员
  • 跨浏览器开发社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧