监听 chrome window窗口间通信

2024-11-06

Chrome插件:浏览器后台与页面间通信

content.js 与 background.js和popup.js 通信和 background.js与popup.js 这些通信都用 chrome.runtime.sendMessage 这个方法 background.js和popup.js 与 content.js通信都用 chrome.tabs.sendMessage 方法比如 C->P 或者 C->B 或者 b->p chrome.runtime.sendMessage({name:value},function(){

node-webkit 新建实例窗口间通信问题解决办法

终于弄明白这问题了,只要在js文件里加上段代码,就可解决两窗口间通信问题. var str = { username: User.name, userrole: User.role }; var new_win = gui.Window.get( window.open('home.html', {focus: true}) ); new_win.on('loaded', function (User) { new_win.window.window.str = str; new_win.win

js监听浏览器tab窗口切换

js监听浏览器tab窗口切换 ——IT唐伯虎摘要:js监听浏览器tab窗口切换. if (document.hidden !== undefined) { document.addEventListener('visibilitychange', () => { console.debug(document.hidden) })} // 用document.visibilityState也行其中, visibilitychange是h5的一个事件(IE9不支持),可以通过这个事件来

flex 在父窗口监听弹出窗口里的某个按钮被点击

flex 在父窗口监听弹出窗口里的某个按钮被点击这样可以从子窗口拿回数据在父窗口处理数据,不必再子窗口中处理.在某些情形下省去了不少麻烦. /** * 右键菜单项单击事件 * changed by bin * 2013-8-29 15:21:44 * */ private function tree_MenuItemSelected(event:MenuEvent):void { var menuItem:Object = event.menu.selectedItem as Object;

HTML5 postMessage 和 localStorage 实现窗口间通信

LocalStorage(不能跨域) 基本思想:通过localStorage的标准事件storage来实现跨页面通信,即页面A通过写入特定数据触发页面B的storage事件,页面B响应之后再写入数据通知页面A处理结果: 引言随着Web技术的发展,涌出了越来越多的复杂的应用.诸多Web应用逐渐向增强用户体验方向发展.在诸如付款.在线聊天等场景中,有时需要多页面进行数据通信.以前的实现方法有cookie.服务器中转.Flash插件等方法,而HTML5提供了新的LocalStorage API,能够

JS 监听浏览器各个标签间的切换

以前看到过一些网页,在标签切换到其它地址时,网页上的标题上会发生变化,一直不知道这个是怎么做的,最近查了一些资料才发现有一个 visibilitychange 事件就可以搞定,这里将介绍一下页面可见性(Page Visibility)API的简单应用. visibilitychange事件介绍简单的说,当用户最小化网页或移动到另一个标签时,API会发送 visibilitychange 有关该网页的可见性的事件.你可以检测到该事件并执行一些操作或行为.例如:标签页隐藏的时候停止播放音乐视频.停

事件监听和window.history以及自定义创建事件

1.事件监听window.addEventListener方法: Window.addEventListener(event, function, useCapture); useCapture:表示传递的类型是冒泡(false)还是捕获(true). Event:表示事件: Function:表示事件发生后触发的方法 2.window.hisitroy DOM中的window对象通过window.history方法提供了对浏览器历史记录的读取,让你可以在用户的访问记录中前进和后退. 如:win

jq 监听调整浏览器窗口的大小

<html><head><script type="text/javascript" src="http://www.w3school.com.cn/jquery/jquery.js"></script><script type="text/javascript">x=0;$(document).ready(function(){$(window).resize(function() {

electron窗口间通信

以下代码均来自于我开发的开源软件:想学吗窗口A的渲染进程发消息给主进程 const { clipboard, ipcRenderer, remote } = require('electron'); ipcRenderer.send('imgUploadMain', { id: dom.id, siteId: this.siteId, url: dom.src }); 主进程收到消息后,再发消息给窗口B的渲染进程 import { app, BrowserWindow, ipcMain, Me

vue 中监听窗口发生变化，触发监听事件， window.onresize && window.addEventListener('resize'，fn) ，window.onresize无效的处理方式

// 开始这样写,不执行 window.onresize = function() { console.log('窗口发生变化') } // 改成window监听事件 window.addEventListener('resize', function() { console.log('窗口发生变化') }) onresize的定义方式一.直接在html中定义如<body onresize="doResize()"/> 二.直接给onresize赋值可以给window

vue中进行窗口变化的监听

今天vue项目中用到的元素的宽度依赖与窗口的宽度,所以在进行宽度设置的时候涉及到窗口的变化,因为元素的宽度要随着窗口变化分成几个步骤来实现这一过程 1.首先元素的宽度依赖与窗口的宽度,就需要有接受窗口宽度的变量在data中设置: screenWidth: document.documentElement.clientWidth,//屏幕宽度 2.窗口变化的时候需要及时的更新变量的值在mounted中设置监听窗口变化的监听事件 window.addEventListener('resize'

java在线聊天项目0.4版本制作服务端接收连接，客户端连接功能新增客户端窗口打开时光标指向下边文本域功能，使用WindowListener监听WindowAdapter

建一个服务端类ChatServer,用于设置端口接收连接 package com.swift; import java.io.IOException; import java.net.ServerSocket; import java.net.Socket; public class ChatServer { public static void main(String[] args) { try { ServerSocket ss = new ServerSocket(8888); for (

如何在vue中监听scroll，从而实现滑动加载更多

首先需要明确3个定义: 文档高度:整个页面的高度可视窗口高度:你看到的浏览器可视屏幕高度滚动条滚动高度: 滚动条下滑过的高度当文档高度 = 可视窗口高度 + 滚动条高度时,滚动条正好到底. 首先在mounted中添加监听:window.addEventListener('scroll', this.scrollFn); // 监听scroll 然后创建3个函数分别获取文档高度.可视窗口高度.滚动条高度: //文档高度 getScrollTop(){ var scrollTop =

[JavaScript]父子窗口间参数传递

概述当页面嵌入一个iframe,或者打开一个子窗口.这个时候如果父窗口需要与子窗口之间通讯,如果直接用DOM访问对方窗口window,会受到跨于安全机制影响. javascript提供一个方法,可以解决这个问题,window.postMessage(): 示例 1.与iframe通讯主页面: <!DOCTYPE html> <html> <head> <title></title> </head> <body> <

Java中用得比较顺手的事件监听

第一次听说监听是三年前,做一个webGIS的项目,当时对Listener的印象就是个"监视器",监视着界面的一举一动,一有动静就触发对应的响应. 一.概述通过对界面的某一或某些操作添加监听,可以自发地调用监听函数/监听类,对操作作出反应.举个栗子:被监听的操作是"你惹你妈生气了",添加的响应是"你妈给你爸打电话,你爸回家了,你爸打你一顿 ".所以不管什么时候,只要"你惹你妈生气了",都会触发这个操作的监听,最终结果是每次你都

js事件监听-addEventListener (w3c标准) 和 attachEvent（ie）

研究了一个小时,没看懂这两个属性 window.onload = function(){ var oDiv = document.getElementById("J_myDiv"); //找到对象 oDiv.onclick = function(){ //设置事件监听函数 alert("click"); }} 缺点:1.添加单一事件 2.不能删除事件第二:IE中监听函数 var oDiv; function fnClick(){ alert("click

js事件监听器用法实例详解-注册与注销监听封装

本文实例讲述了js事件监听器用法.分享给大家供大家参考.具体分析如下: 1.当同一个对象使用.onclick的写法触发多个方法的时候,后一个方法会把前一个方法覆盖掉,也就是说,在对象的onclick事件发生时,只会执行最后绑定的方法.而用事件监听则不会有覆盖的现象,每个绑定的事件都会被执行.如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 window.onload = function(){ var btn = document.getElementById("yuanEv

功能整合（一）：滚动条的变相隐藏、js控制div的渐变显示、滚动条监听

1.滚动条的变相隐藏思路: 1. 把body的横向,纵向的超出部分隐藏,宽设置100%:高设置100%.就没有body的滚动条了, 2. 然后把最外层的div的宽设置的比body的宽宽一点,把div的滚动条挤出去,并把div的横向超出部分隐藏掉,就可以实现没有滚动条也可以滚动的效果 <html> <style> *{ //边距清零 margin: 0; padding: 0; } //隐藏body的滚动条(会没有滚动效果) .scroll{ overflow-x: hidde

事件监听addEventListener----attachEvent

第一:简单的通用方法(IE && FF) window.onload = function(){ var oDiv = document.getElementById("J_myDiv"); //找到对象 oDiv.onclick = function(){ //设置事件监听函数 alert("click"); } } 缺点:1.添加单一事件 2.不能删除事件第二:IE中监听函数 var oDiv; function fnClick(){ aler

背水一战 Windows 10 (66) - 控件（WebView）: 监听和处理 WebView 的事件

[源码下载] 背水一战 Windows 10 (66) - 控件(WebView): 监听和处理 WebView 的事件作者:webabcd 介绍背水一战 Windows 10 之控件(WebView) 监听页面的进入全屏事件和退出全屏事件监听导航至不支持 uri 协议的事件监听导航至不支持类型的文件的事件监听用新窗口打开 uri 的事件监听获取特殊权限的事件示例1.演示如何监听 WebView 中的内容的进入全屏和退出全屏的事件,以及如何获知当前 WebView 中的内容是否处于

vue 监听页面宽度变化和键盘事件

vue 监听页面窗口大小 export default { name: 'Full', components: { Header, Siderbar }, data () { return { screenWidth: document.body.clientWidth, // 屏幕宽度 timer: false } }, computed: { isCollapse: { get () { return this.screenWidth < 768 }, set () { } } }, wat

监听 chrome window窗口间通信

热门专题