WebContents类

最新推荐文章于 2024-10-11 09:40:19 发布
最新推荐文章于 2024-10-11 09:40:19 发布
阅读量365 收藏
点赞数
文章标签： ui
原文链接：http://www.cnblogs.com/fangkm/archive/2013/05/12/3073879.html
版权

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

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类:用于定制网页界面的扩展功能,比如显示右键菜单、焦点管理、尺寸调整等。

转载于:https://www.cnblogs.com/fangkm/archive/2013/05/12/3073879.html

weixin_30938149
关注
log4js-node：node.js日志框架输出到文件
彭世瑜的博客
08-14 1205
自定义配置，输出到文件。
Playwright的browser、context、page三层结构
LYJbao的博客
06-07 274
2、BrowserContext（浏览器上下文）1、browser（浏览器）3、Page（页面）
Chromium核心类之－－WebContents
remygo的专栏
08-02 2389
首先需要了解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-vite_4使用WebContentsView快速集成已有项目
最新发布
u014708123的博客
10-11 434
Web 嵌入官方推荐使用WebContentsView；集成也比较简单，但还是需要你单独写点东西；
electron在一个BrowserWindow下创建多个WebContentsView
autumngold的专栏
04-29 742
【代码】electron在一个BrowserWindow下创建多个WebContentsView。
electron 教程【4】electron 主进程中通过window.webContents.send向渲染进程发送消息失败
jigetage的专栏
07-11 7784
原因：每个渲染进程都对应一个web页面，即BrowserWindow对象， 此BrowserWindow对象是在主进程中创建的。那么，主进程向渲染进程中发送消息时，调用webContents.send方法的window对象，就是此渲染进程所对应的web页面对象！！！具体来说，在主进程中向page1发送消息，就是page1.webContents.send()在主进程中向page2发送消息，就是pa...
renderviewhost与webcontents关系
dzhj11的专栏
09-03 1076
1. RenderViewHost为中心的相关类 2. TabContents/NavigationController/TabStripModel/Browser之间的相互关系
chromium源码分析（二）
wangbuji的博客
11-15 1776
本节探讨一下chromium中加载URL的流程,具体来说是从地址栏输入URL地址到通过URLRequest类请求http流的过程。 WebContents类数据结构如下： BrowserContext类：保存浏览过程中所需要的上下文。其运行在UI线程中,所有方法均只能在UI线程中调用。 net::URLRequestContextGetter*GetRequestContext获取URL请求所需的URLRequestContext ResourceContext* GetResou.
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，...
大概是全网最详细的Electron ipc 讲解(一)——主进程与渲染进程的两情相悦
qq_39448719的博客
02-22 8209
希沃ENOW大前端公司官网：CVTE(广州视源股份)团队：CVTE旗下未来教育希沃软件平台中心enow团队「本文作者：」image.png前言你盼世界，我盼望你无 bug 。Hello 大...
android webview内核,android4.4 webview chromium显示网页的chromium内核结构
weixin_32465003的博客
05-26 1045
android4.4 webview chromium是单进程的，图中所有组件都运行在Browser进程中。按从上而下的顺序介绍这张图中与显示网页相关的chromium内核结构。1.AwContents->WebContentsImplAwContnents的创建过程如下图：AwContents是WebView接口的主要实现类。native层的AwContents包含chromium内核br...
Chromium网页Frame Tree创建过程分析
老罗的Android之旅
01-11 2万+
Chromium在加载一个网页之前，需要在Browser进程创建一个Frame Tree。Browser进程为网页创建了Frame Tree之后，再请求Render进程加载其内容。Frame Tree将网页抽象为Render Frame。Render Frame是为实现Out-of-Process iframes设计的。本文接下来就分析Frame Tree的创建过程，为后面分析网页加载过程打基础。
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项目默认的目录。两者意义是一样的
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值