WebContents类

最新推荐文章于 2024-05-10 14:16:11 发布
最新推荐文章于 2024-05-10 14:16:11 发布
阅读量1.1k 收藏
点赞数
分类专栏： chromium

首先介绍浏览所需的数据结构：

BrowserContext类：保存浏览过程中所需要的上下文。其运行在UI线程中,所有方法均只能在UI线程中调用。

主要方法简介：

l  net::URLRequestContextGetter* GetRequestContext()

获取URL请求所需要的URLRequestContext结构

l  ResourceContext* GetResourceContext()

获取资源加载时需要的数据

 

SiteInstance类：站点对象,具体实现类为SiteInstanceImpl。一个SiteInstance对象对应于相同域名段的站点实例,如www.baidu.com和zhidao.baidu.com,其站点为baidu.com。不同的域名段有不同的SiteInstance对象，

这些SiteInstance对象都在BrowsingInstance注册备案. SiteInstance对象采取引用计数的方式控制生命周期。

 

BrowsingInstance类：理论上与BrowserContext一一对应,维护浏览期间所产生的SiteInstance对象。

BrowsingInstance内部维护一个站点URL(如:baidu.com)到SiteInstance对象的映射，并提供注册/取消注册、查找的接口。相当于SiteInstance的cache对象。

BrowsingInstance对象为诸多SiteInstance对象所共享,同样采用引用计数的方式控制生命周期

 

WebContents类对应于一页面窗口

其结构图大致如下:

创建WebContents需要填充WebContents::CreateParam参数。在CreateParam参数中需要指定: BrowserContext对象、

SiteInstance对象、routing_id(用于路由消息的发送目的地、initial_size指定初始大小、context暂时没用上。

WebContentsDelegate接口：用于截获WebContents的更改通知以及提供相关的定制功能

 

NavigationController接口：负责页面的导航逻辑：前进、后退、刷新等。其内部维护一个导航过的NavigationEntry列表

 

WebContentsView接口:抽象WebContents的view界面部分，其windows下最终的实现类为WebContentsViewWin

 

WebContentsViewDelegate类:用于定制网页界面的扩展功能,比如显示右键菜单、焦点管理、尺寸调整等。


dzhjsofo
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
log4js-node：node.js日志框架输出到文件
彭世瑜的博客
08-14 1168
自定义配置，输出到文件。
Chromium核心类之－－WebContents
remygo的专栏
08-02 2354
首先需要了解HTML中frame的概念。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <HTML> <HEAD> <TITLE>A simple frameset document</TITLE> </HEAD> <FRAMESET co
electron在一个BrowserWindow下创建多个WebContentsView
autumngold的专栏
04-29 453
【代码】electron在一个BrowserWindow下创建多个WebContentsView。
electron 教程【4】electron 主进程中通过window.webContents.send向渲染进程发送消息失败
jigetage的专栏
07-11 7645
原因：每个渲染进程都对应一个web页面，即BrowserWindow对象， 此BrowserWindow对象是在主进程中创建的。那么，主进程向渲染进程中发送消息时，调用webContents.send方法的window对象，就是此渲染进程所对应的web页面对象！！！具体来说，在主进程中向page1发送消息，就是page1.webContents.send()在主进程中向page2发送消息，就是pa...
renderviewhost与webcontents关系
dzhj11的专栏
09-03 1060
1. RenderViewHost为中心的相关类 2. TabContents/NavigationController/TabStripModel/Browser之间的相互关系
for (var i=0;i<dataArray.length;i++) { var timenow=Date.now();//调用的时候，打个时间戳 const options = { directory: downloadPath, filename: dataArray[i].title + '.' + dataArray[i].fileType, saveAs: false, extension: dataArray[i].fileType, openFolderWhenDone: false, showProgressBar: true, showBadge: true, }; var downloader = new Downloader(dataArray[i], options); downloader.data.timeid=timenow;//存储唯一标识 downloader.start(); downloader.onStart = () => { // 下载开始 handleDownload.push(downloader); mainWindow.webContents.send('consolelog2', '检查代码在此执行次数'); }; downloader.onTotalProgress = (progress) => { // 更新下载进度 downloadArray.set(downloader.data.timeid, { title: downloader.data.title, sUrl: downloader.data.sUrl, progress: downloader.data.progress, size: downloader.data.size, status:downloader.data.status, timeid:downloader.data.timeid }); mainWindow.webContents.send('consolelog', downloadArray); mainWindow.webContents.send('donwloadStatus', true); }; downloader.onCompleted = () => { if(downloader.data.progress==100&&downloader.data.status=='process'){ mainWindow.webContents.send('endDownload', JSON.stringify(downloader)); mainWindow.webContents.send('donwloadStatus', false); downloader.data.status='complete' } if(downloader.data.progress<100){ mainWindow.webContents.send('donwloadStatus', true); } mainWindow.webContents.send('consolelog', downloadArray); }; } return JSON.stringify(dataArray); // 返回值将作为 Promise 的 resolved 值 }); 这段代码中，如果我是多个下载器，var downloader = new Downloader(dataArray[i], options); 这里就会导致重复创建一个名字的下载，导致我操作 downloader.start(); 的时候，会触发多个下载器的 start ，我要怎么优化。把下载器分离出独立
06-01
可以将 Downloader 类提取出来，单独作为一个模块，然后在循环中实例化多个 Downloader 对象，这样就可以避免重复创建相同名字的下载器。示例代码如下： 1. 创建 Downloader 类的模块 downloader.js： ```...
electron框架学习之浅析IPC使用
haoyuxingchen的博客
04-22 1万+
electron中IPC的使用浅析
electron-dl 我创建了一个类，用于管理下载器，class Downloader { constructor(data, options) { this.data = data; this.options = options; this.item = null; this.onStart = null; this.onProgress = null; this.onCompleted = null; this.data.progress = 0; // 新增 progress 属性 } start() { const win = BrowserWindow.getFocusedWindow(); this.options.onStarted = (item) => { this.item = item; if (this.onStart) { this.onStart(); } }; this.options.onProgress = (progress) => { this.data.progress = progress.percent * 100; // 更新 progress 属性 if (this.onProgress) { this.onProgress(progress); } }; this.options.onCompleted = () => { if (this.onCompleted) { this.onCompleted(); } }; download(win, this.data.dowloadLink, this.options); } pause() { if (this.item) { this.item.pause(); } } resume() { if (this.item) { this.item.resume(); } } cancel() { if (this.item) { this.item.cancel(); } } } 然后，我在外面监听下载器的下载完成状态。 downloader.onCompleted = () => { // 下载完成 mainWindow.webContents.send('consolelog2', item); mainWindow.webContents.send('endDownload', JSON.stringify(downloader)); mainWindow.webContents.send('donwloadStatus', false); }; 我的预加载文件中接受的是： ipcRenderer.on('endDownload', (msg,data) => { const dataTemp=JSON.parse(data) message.open({ type: 'success', content: dataTemp.data.title+'下载完成', duration: 3, top: 200 }); }); 此时如果有两个内容分别是AA、BB在下载，其中AA下载结束，弹出 AA下载完成，但是接着就弹出BB下载完成，我的目的是谁下载完成才弹出，但是这里把我没有下载完成的也弹出提示了，是怎么回事。
05-31
为了避免这种情况，你可以考虑将监听器注册到主进程中，然后使用 `webContents.send()` 方法将下载完成的消息发送给渲染进程。这样做的好处是，每次下载完成时，都会触发一次 `ipcMain.on('endDownload', ...)`，...
// 下载器类 class Downloader { constructor(data, options) { this.data = data; this.options = options; this.item = null; this.onStart = null; this.onProgress = null; this.onCompleted = null; this.data.progress = 0; // 新增 progress 属性 this.data.status='pause';//true 表示 进度没有结束，继续下载 this.data.timeid=0; } start() { const win = BrowserWindow.getFocusedWindow(); this.options.onStarted = (item) => { this.item = item; this.data.status='process';//true 表示 进度没有结束，继续下载 this.onStart(); if (!handleDownload.includes(item)) { handleDownload.push(item); } }; this.options.onTotalProgress=(progress)=>{ this.data.progress = progress.percent * 100; // 更新 progress 属性 this.onTotalProgress(progress); } this.options.onCompleted = () => { this.onCompleted(); }; download(win, this.data.dowloadLink, this.options); } pause() { if (this.item) { this.item.pause(); } } resume() { if (this.item) { this.item.resume(); } } cancel() { if (this.item) { this.item.cancel(); } } } ipcMain.handle('window-downloadNow', (msg, dataArray) => { for (var i=0;i<dataArray.length;i++) { var timenow=Date.now();//调用的时候，打个时间戳 const options = { directory: downloadPath, filename: dataArray[i].title + '.' + dataArray[i].fileType, saveAs: false, extension: dataArray[i].fileType, openFolderWhenDone: false, showProgressBar: true, showBadge: true, }; var downloader = new Downloader(dataArray[i], options); downloader.data.timeid=timenow;//存储唯一标识 downloader.start(); downloader.onStart = () => { // 下载开始 }; downloader.onTotalProgress = (progress) => { // 更新下载进度 downloadArray.set(downloader.data.timeid, { title: downloader.data.title, sUrl: downloader.data.sUrl, progress: downloader.data.progress, size: downloader.data.size, status:downloader.data.status, timeid:downloader.data.timeid }); mainWindow.webContents.send('consolelog2', JSON.stringify(handleDownload)); mainWindow.webContents.send('consolelog', downloadArray); mainWindow.webContents.send('donwloadStatus', true); }; downloader.onCompleted = () => { if(downloader.data.progress==100&&downloader.data.status=='process'){ mainWindow.webContents.send('endDownload', JSON.stringify(downloader)); mainWindow.webContents.send('donwloadStatus', false); downloader.data.status='complete' } if(downloader.data.progress<100){ mainWindow.webContents.send('donwloadStatus', true); } mainWindow.webContents.send('consolelog', downloadArray); }; } return JSON.stringify(dataArray); // 返回值将作为 Promise 的 resolved 值 }); 这个下载器有个问题，当dataArray 为24个时，下载的数据不是这24个，而是最后一个，为什么
06-01
这个问题可能是由于 JavaScript 中的闭包概念导致的。在 for 循环中，每次循环都会创建一个新的 downloader 对象并启动下载任务，但是在下载任务完成之前，循环就已经执行完毕了。此时，变量 i 的值已经变成了 24，...
Chromium网页加载过程简要介绍和学习计划
老罗的Android之旅
01-04 2万+
Chromium加载网页的过程，需要Browser进程和Render进程协作完成。加载网页的过程由Browser进程发起，向服务器请求网页内容的过程也是由Browser进程完成。Render进程负责对下载回来的网页内容进行解析，解析之后得到一个DOM Tree。有了这个DOM Tree之后，Render进程就可以对网页进行渲染了。本文接下来就对上述过程涉及到的重要概念进行简要介绍以及制定学习计划。
Eclipse中WebContent目录理解
热门推荐
Tiger的专栏
01-04 4万+
是JAVA WEB项目中用来存放JSP，JS，CSS，图片等文件的，其中webroot/WEB-INF用来存放SRC编译好的相关的文件，和需要被保护的JSP文件等。 2.webroot是MyEclipse，JAVA WEB项目默认的目录。WebContent是Eclipse，JAVA WEB项目默认的目录。两者意义是一样的
WebRoot与WebContent区别
zb_tjw的博客
05-31 2万+
引言： 在MyEclipse中创建web项目后，web程序的根目录文件夹是WebRoot，而创建dynam web project时候，web程序的根目录文件夹是WebContent,他们之间没有本质区别，都表示你的web程序的根目录文件夹。那么相同点是什么呢？都是web-inf 文件夹，大家都知道该目录下面的文件是不可以直接访问的，只能是Java文件调用访问，不能直接在浏览器下访问。web-inf
chrome vue 未响应_chrome headless 模板一些 vue 页面无法正常显示 求指点
weixin_39655689的博客
12-19 742
非 headless 正常显示，使用 headless 则报错，chrome 62DevTools listening on ws://127.0.0.1:12513/devtools/browser/d047193e-c7c9-443f-9e21-4f1f7b2bc305[1110/103051.602:INFO:CONSOLE(1)] "Download the Vue Devtools ex...
Electron学习笔记（三）
最新发布
qq_45897239的博客
05-10 1043
五、界面 1、获取 webContents 实例 （1）通过窗口对象的 webContent 属性获取 webContent 实例： （2）获取当前激活窗口的 webContents 实例： （3）在渲染进程中获取当前窗口的 webContents 实例： （4）通过 id 获取 webContents 实例： （5）遍历应用内的 webContents 对象： 2、页面加载事件及触发顺序 3、页面跳转事件 4、页面缩放 5、页面容器 6、脚本注入 (1) 通过 preload 参数注入脚本 (2) 通过
electron 通讯 ipcRenderer 、ipcMain、mainWindow.webContents.send
九段刀客的博客
04-28 3095
一、主进程(electron)发信息，窗口页面接收 这个mainWindow是new BrowserWindow创建的那个webview窗口 electron主进程发送信息 mainWindow.webContents.send("test111", "九段刀客"); 窗口也就是比如vue项目中接收 xxx.vue const { ipcRenderer } = require("electron"); //第二个参数是传过来的值 ipcRenderer.on("ping", (event, mes
electron+vue3的基本使用及通信
xiaodouxuan11的博客
10-23 7438
环境参数 node -v v14.16.0 vue --version @vue/cli 4.5.11 electron应用是多进程的，而这个进程是分两种，一种是主进程[main]（主进程就是background.js所来承载的进程就是主进程），还有一种就是渲染进程[ready]（渲染进程就是打开的窗口）；主进程就一个，而渲染进程会有多个； 至于为什么electron应用采用的是多进程，而不是多线程，这主要是因为electron基于Chrome内核，而Chrome内核就是多进程的 一、创建vue3.
webContents的事件如何监听
06-07
在Electron中，可以通过webContents对象来监听事件。webContents对象代表了一个渲染进程，可以使用它来与渲染进程进行通信，例如发送消息或者执行JavaScript代码。 要监听webContents的事件，可以使用webContents对象的on方法。例如，要监听页面加载完成事件，可以使用以下代码： ``` webContents.on('did-finish-load', () => { console.log('页面加载完成'); }); ``` 这会在页面加载完成时打印一条消息。 除了did-finish-load事件，还有许多其他的webContents事件可用，例如did-start-loading、did-stop-loading、did-fail-load等。可以根据需要选择合适的事件进行监听。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值