HTML5
关注
分享
扫一扫
文章平均质量分 93
wishfly
这个作者很懒，什么都没留下…
展开
-
web前端 -- 笔记
linux javascript原创 2022-09-12 11:00:12 · 261 阅读 · 0 评论 -
CEF资源
1. CEF forumhttps://www.magpcss.org/ceforum/viewtopic.php?f=10&t=15883https://www.magpcss.org/ceforum/search.php?st=0&sk=t&sd=d&sr=posts&keywords=drag&start=302. QCefView...原创 2018-10-23 17:00:39 · 1388 阅读 · 0 评论 -
什么叫html页面渲染？
页面渲染都是浏览器的工作。大致分为以下几步：加载：根据请求的URL进行域名解析，向服务器发起请求，接收文件（HTML、JS、CSS、图象等）。解析：对加载到的资源（HTML、JS、CSS等）进行语法解析，建议相应的内部数据结构（比如HTML的DOM树，JS的（对象）属性表，CSS的样式规则等等）渲染：构建渲染树，对各个元素进行位置计算、样式计算等等，然后根据渲染树对页面进行渲染（可以理解为“画”...转载 2018-10-10 10:37:03 · 4122 阅读 · 1 评论 -
CEF3 笔记三(常用类的介绍)
接上文《CEF3 笔记二(常用的类介绍)》CefBrowserHost 类介绍CefBrowserHost: 该类在浏览器窗口来看代表了 browser 进程，同时也暴露了与浏览器窗口相关的接口，该类的方法只能在 browser 进程中调用，但可以在 browser 进程的任意线程中被调用。该类的主要方法如下：创建浏览器对象。需要传入的参数包括 CefWindowInfo 对象，Ce...转载 2018-10-09 19:51:07 · 848 阅读 · 0 评论 -
CEF3 笔记二(常用类的介绍)
CEF3 作为一个基于 Chromium 的嵌入式浏览器框架为开发者提供了几个基本的接口类来完成一些基本功能。CefApp 类介绍CefApp: 与进程，命令行参数，代理，资源管理相关的回调类，用于让 CEF3 的调用者们定制自己的逻辑。与该类相关的几个函数如下：int CefExecuteProcess(const CefMainArgs& args, CefRefPtr&...转载 2018-10-09 19:50:18 · 691 阅读 · 0 评论 -
CEF3 笔记一(介绍)
CEF(Chromium Embedded Framework) 是什么？CEF 的官网介绍的很简洁：A simple framework for embedding chromium browser windows in other applications. 具体地说就是一个可以将浏览器功能（页面渲染，JS 执行）嵌入到其他应用程序的框架。如果你对上面这句话不是特别理解，可以看看这篇文...转载 2018-10-09 19:49:20 · 982 阅读 · 0 评论 -
Cef语言(Locales)本地化问题
CefSharp默认是嵌入的chrome浏览器内核，默认英文，所以右键菜单以及一些功能都是英文显示。国内用需要汉化。CefSharp本身支持本地化Locales，需要在初始化Browser的时候设置。代码如下： CefSettings settings = new CefSettings(); settings.Locale = "zh-CN"; set...转载 2018-09-30 15:30:00 · 2823 阅读 · 0 评论 -
CEF解决加载慢问题
CEF加载慢的时候，加上以下代码，通过命令行的方式:CefRefPtr<CefCommandLine> command_line;command_line = CefCommandLine::CreateCommandLine();command_line->AppendSwitch("no-proxy-server");//加载慢，关闭代理试试...转载 2018-09-30 15:28:29 · 6569 阅读 · 0 评论 -
Cef经典N大问题
1、cef启动、退出的时候怎么崩溃了答：如果是启动时崩溃，请看资源目录是否文件都齐全.退出的话见https://github.com/fanfeilong/cefutil/blob/master/doc/CEF_Close.md如果是centos6.4 内核上跑CEF启动时候崩溃，原因是不支持一个uid有关的东西。启动时增加参数--disable-setuid-sandbox就OK了 2、...转载 2018-09-30 15:27:31 · 645 阅读 · 0 评论 -
CEF3 二进制文件及资源文件说明
一、目录总览在Release目录成功编译完libcef后，会看到Relase目录有以下文件生成（这里剔除了编译过程产生的临时文件，如：pdb，lib等）二、详细说明 1、必须文件，缺少任意一个CEF将无法运行： libcef.dll 这个不用多说，CEF的核心库文件，js引擎、网页加载渲染逻辑等都在其中，也是size最大的一个文件（Release版将近50M，D...转载 2018-09-30 15:25:28 · 3363 阅读 · 0 评论 -
CEF3 - 多进程模式消息传递
上一篇讲了如何构建可调试的多进程CEF应用，这篇讲一下各个进程之间的通信，包括C++ 调JS， js 调C++,以及browser和render进程的消息流动。为什么先从多进程入手，个人试了一下，单进程模式，各个线程切换以及执行的时机不是很清楚，也没找到调试的正确姿势。多进程把线程分解出来变成独立应用，也算是以空间换时间的一种策略。这一篇中个人遇到好几个问题，虽然最终解决了，但是原因一直不是特别清...转载 2018-10-15 20:05:23 · 1637 阅读 · 0 评论 -
如何构建CEF多进程模式
上一篇介绍如何在win32项目中引入CEF。这一篇介绍一下，如何管理CEF的多进程模式，并进行调试。CEF是一个浏览器控件，进一步说是多组接口集合。嵌入CEF就是实现基于接口的二次开发。但这些接口又比较特殊，因为是开源的，所以可以跟踪、调试、甚至根据自己的需要进行定制、修改。接口就不做介绍了。下面就从项目由浅入深引入的CEF模块，分块做一下介绍。CEF的多进程模式如果把CEF结构大...转载 2018-10-15 18:52:34 · 2903 阅读 · 0 评论 -
拖动无标题栏的cef3窗口
拖动嵌入了cef3的无标题栏win32窗口，本质上就是拖动子窗口移动父窗口这么个事情，这个在自己创建窗口的程序上处理非常简单，cef封装较多，想修改的完善点步骤较多。 cef所用版本3.2623。 就用cefclient来做测试工程，首先建议在cefclient_win.cc的RunMain函数中的app = new ClientAppRenderer();前...转载 2018-10-24 10:04:25 · 2270 阅读 · 0 评论 -
Qt - QDialog,QWidget实现模态及非模态
在Qt中QDialog为“窗口”，而QWidget为“部件”，首先还是了解下《Qt 窗口与部件的概念》。对于 QDialog 的模态及非模态是直接可以实现的，很多课本中都会提到，此处总结下。 模态QDialog方式一： QDialog dlg(this); dlg.exec();方式二： QDialog *pDlg=new QDialog(this); ...转载 2018-11-27 20:02:22 · 463 阅读 · 0 评论 -
Chromium网页加载过程
Chromium加载网页的过程，需要Browser进程和Render进程协作完成。加载网页的过程由Browser进程发起，向服务器请求网页内容的过程也是由Browser进程完成。Render进程负责对下载回来的网页内容进行解析，解析之后得到一个DOM Tree。有了这个DOM Tree之后，Render进程就可以对网页进行渲染了。本文接下来就对上述过程涉及到的重要概念进行简要介绍以及制定学习计划。...转载 2018-11-02 20:26:22 · 1767 阅读 · 0 评论 -
WebKit之Chromium的Render进程分析
配置多进程的情况下，Chromium的网页渲染和JS执行在一个单独的进程中进行。这个进程称为Render进程，由Browser进程启动。在Android平台中，Browser进程就是Android应用程序的主进程，而Render进程就是Android应用程序的Service进程，它们通过UNIX Socket进行通信。本文就详细分析Chromium的Browser进程启动Render进程的过程。...转载 2018-11-02 15:09:40 · 1189 阅读 · 0 评论 -
CEF筆記
1. CEF中一个页面的框架如下图所示： https://svn.hitecloud.com.cn:9800/svn/Bricks/trunk/HHCefCefBrowser:一个普通的浏览器页面（HTML）CefFrame:每一个页面都由至少一个frame组成，最顶层的为mainframecontext：JS执行环境，每个frame都有自己独立的context，CEF中使...原创 2018-11-02 10:19:11 · 935 阅读 · 0 评论 -
GraphicsView框架
本文主要翻译自QT 5.6.2GraphicsView官方文档一、GraphicsView框架简介QT4.2开始引入了Graphics View框架用来取代QT3中的Canvas模块，并作出了改进，Graphics View框架实现了模型－视图结构的图形管理，能对大量图元进行管理，支持碰撞检测，坐标变换和图元组等多种方便的功能。 GraphicsView框架结构主要包含三个主...转载 2018-11-09 16:38:57 · 2365 阅读 · 0 评论 -
CEF3和本地程序交互机制
CEF中一个页面的框架如下图所示： CefBrowser:一个普通的浏览器页面（HTML）CefFrame:每一个页面都由至少一个frame组成，最顶层的为mainframecontext：JS执行环境，每个frame都有自己独立的context，CEF中使用V8JavaScriptEngine解析和执行JS代码 后端和前端的通信分为两个部分：一．C+...转载 2018-11-01 17:07:33 · 2103 阅读 · 0 评论 -
交互式 QGraphicsView（平移/缩放/旋转）
简述Graphics View提供了一个平台，用于大量自定义 2D 图元的管理与交互，框架包括一个事件传播架构，支持场景 Scene 中的图元 Item 进行精确的双精度交互功能。Item 可以处理键盘事件、鼠标按下、移动、释放和双击事件，同时也能跟踪鼠标移动。和 Google 地图一样，在管理大量 Item 的时候，通常需要 View 具有交互（平移/缩放/旋转）功能。| 版权声明：一...转载 2018-11-01 15:55:12 · 6379 阅读 · 0 评论 -
chrome build
D:\chrome\BuildVS2015.bat -->D:\chrome\automate-git.py -->D:\chrome\source\chromium\src\out\Debug\build.ninja -- Debug -- enviroment.x86D:\chrome\source\chromium\src\out\Release\buil...转载 2018-10-31 20:27:09 · 485 阅读 · 0 评论 -
Ninja 构建系统
Ninja 构建系统概述Ninja 是一个构建系统，与 Make 类似。作为输入，你需要描述将源文件处理为目标文件这一过程所需的命令。 Ninja 使用这些命令保持目标处于最新状态。与其它一些构建系统不同，Ninja 的主要设计目标是速度。 我在参与 Google Chrome 项目时编写了 Ninja。一开始，我将 Ninja 视作一个实验——看看能不能让 Chrome 构建的更快。为了成...转载 2018-10-31 20:13:46 · 1223 阅读 · 0 评论 -
使用 Ninja 代替 make
前言在传统的 C/C++ 等项目构建时，通常会采用 make 系统使用 Makefile 文件来进行整个项目的编译构建，通过 Makefile 中指定的编译所依赖的规则使得程序的构建非常简单，并且在复杂项目中可以避免由于少部分源码修改而造成的很多不必要的重编译。但是它仍然不够好，因为其大而且复杂，有时候我们并不需要 make 那么强大的功能，相反我们需要更灵活，速度更快的编译工具。Ninja ...转载 2018-10-31 20:12:54 · 862 阅读 · 1 评论 -
什么是Ninja -
什么是Ninja在Unix/Linux下通常使用Makefile来控制代码的编译，但是Makefile对于比较大的项目有时候会比较慢，看看上面那副漫画，代码在编译都变成了程序员放松的借口了。所以这个Google的程序员在开发Chrome的时候因为忍受不了Makefile的速度，自己重新开发出来一套新的控制编译的工具叫作Ninja，Ninja相对于Makefile这套工具更注重于编译速度。除了C...转载 2018-10-31 20:02:41 · 8251 阅读 · 0 评论 -
Chrome 和 Webkit 的渊源
Chrome 和 Webkit 的渊源 互联网的浪潮从未停息，而用以网上冲浪的冲浪板也一直在变得愈加精良。自人们进入互联网时代以来，即已经发生了三次浏览器大战。第一次浏览器大战的主角是IE和Netscape，最终IE凭借着Windows的庞大身躯推倒了Netscape；第二次浏览器大战Netscape浴火重生化身为火狐狸Firefox，一口咬了IE身上一大块肥肉；正在Firefox和IE正缠...转载 2018-09-29 14:20:58 · 2501 阅读 · 0 评论 -
CEF3开发者系列之CEF3入门
CEF全称Chromium Embedded Framework，是一个基于Google Chromium 的开源项目。Google Chromium项目主要是为Google Chrome应用开发的，而CEF的目标则是为第三方应用提供可嵌入浏览器支持。CEF3不仅开源，而且跨平台，框架的开发者也不断的在更新，英文资料较丰富，对HTML5，CSS3等支持也很好。目前CEF3被全球很多公司使用，国内使...转载 2018-09-28 17:45:44 · 965 阅读 · 0 评论 -
VS2010编译CEF3源代码
一、首先从官网下载CEF3源码，官网地址：http://opensource.spotify.com/cefbuilds/index.html#windows32_builds 我这里下载的是cef_binary_3.2883.1542.gf264ab9_windows32.tar.bz2二、下载CMake工具进行构建VS2010环境三、解压cef_binary_3.288...转载 2018-09-26 11:13:59 · 974 阅读 · 0 评论 -
CEF完整嵌入DUI窗体(三) --基本浏览器功能
https://blog.youkuaiyun.com/u012778714/article/details/74936835转载 2018-09-26 10:47:24 · 422 阅读 · 0 评论 -
How does SetZoomLevel work?
How does SetZoomLevel work?https://www.magpcss.org/ceforum/viewtopic.php?f=6&t=11491转载 2018-09-26 10:46:31 · 953 阅读 · 0 评论 -
CEF3开发者系列之CefEnableHighDPISupport详解
https://www.cnblogs.com/guolixiucai/p/7081975.html转载 2018-09-25 11:31:36 · 2747 阅读 · 0 评论 -
Win10 Chrome 在DPI缩放下导致界面放大问题 解决方案
https://blog.youkuaiyun.com/ZeroSO/article/details/52813051转载 2018-09-25 11:19:49 · 2905 阅读 · 0 评论 -
初识CEF - Chromium Embedded Framework
介绍CEF全称Chromium Embedded Framework，是一个基于Google Chromium 的开源项目。Google Chromium项目主要是为Google Chrome应用开发的，而CEF的目标则是为第三方应用提供可嵌入浏览器支持。CEF隔离底层Chromium和Blink的复杂代码，并提供一套产品级稳定的API，发布跟踪具体Chromium版本的分支，以及二进制包。C...转载 2018-09-17 19:53:48 · 3708 阅读 · 0 评论 -
CEF3的各个类的作用和实现
cef3刚刚接触的时候确实有点乱，连主入口函数都找不到，现在基本上算是摸清楚了，下面是cef3的主要类：CefContextMenuHandler，回调类，主要用于处理 Context Menu 事件。CefDialogHandler，回调类，主要用来处理对话框事件。CefDisplayHandler，回调类，处理与页面状态相关的事件，如页面加载情况的变化，地址栏变化，标题变化等事件。C...转载 2018-09-17 19:52:15 · 952 阅读 · 0 评论 -
Qcefview
https://tishion.github.io/QCefView/ QCefView - A Qt widget integrated with CEFQCefView is a Qt widget integrated with Chrome Embedded Framework. You can use QCefView without writing any co...转载 2018-09-17 19:49:52 · 2586 阅读 · 0 评论 -
cef 介绍
介绍cef 是一个基于google chromiun的简单的框架。 它主要是作为一个内嵌浏览器嵌入到客户端应用程序中。可以再 http://cefbuilds.com 下载最新的编译版本。总体框架预览CEF 使用了多进程。主进程是“browser”进程。 而子进程是由rederes, plugins, GPU, 等组件创建。 在ECF的所有进程中，都可以有多线程。CEF提供了函数...转载 2018-09-17 19:48:02 · 8648 阅读 · 0 评论 -
Cef 架构
cef支持各种语言和多种操作系统。在设计的时候充分考虑了性能和易用性。cef核心功能提供了c和c++的接口。cef提供了和主程序之间的通信能力(利用 custom plugins, protocols,javascrpit object 和 javascript extensions)。主应用程序可以选择性的使用控制 资源的加载，切换， context menus， printing等。依赖...转载 2018-09-17 19:45:49 · 4158 阅读 · 0 评论 -
CEF3开发者系列之工程和代码结构
1、环境 版本：cef_binary_3.2171.1901_windows32 工具：cmake-3.5.0-win32-x86、 VS2008及以上均可2、编译 下载好CEF的源码后，使用Cmake生成对应的Solution，很多地方都有介绍，这边就不再赘述了。 成功生成后，用VS2008打开工程，进行编译： 期间可能会发现，有各种各样的编译错误，这边我简单说下我编译过程中遇到...转载 2018-09-17 19:43:29 · 508 阅读 · 0 评论 -
QCefView
原版存在一些问题，也没有太多解释，这个fork主要解决两个问题：1. onQCefUrlRequest接口无效问题void onQCefUrlRequest(const QString& url); 问题的关键解决点在 QCefViewDefaultSchemeHandler.cpp 100行左右的位置，如下：// handler factoryCefRefPtr<C...转载 2018-09-17 19:41:23 · 1452 阅读 · 1 评论 -
CEF方面的研究（四） CEF嵌入MFC对话框关闭崩溃问题解决办法
RT、相信有不少朋友在开发过程中都遇到了，关闭崩溃或者关闭后打开电脑任务管理器，还有进程存在的问题。这个问题把我也是快折腾疯了，毕竟存在这类崩溃或者资源卸载不掉的问题是不能用入项目中的，蛋疼的困扰了我半个多月的时间，当我把后面的东西全部做完时，又不得不拐过头来解决他，不然每天开会，就只能低下头来说：“还没解决”。好吧，废话不多说。咱们来看看是什么原因。原因一、库版本问题。相信大家在入CEF...转载 2018-09-26 17:24:01 · 1487 阅读 · 0 评论 -
Cef功能开发经验总结
转载请说明原出处，谢谢~~：http://blog.youkuaiyun.com/zhuhongshu/article/details/70159672这是我开发Cef功能时对踩过的坑，进行的总结，话说Cef坑真的不少。好在踩完后用起来还是挺爽的。最终的代码可以下载网易云信PC Demo C++源码点我跳转资料准备这是我集成过程中查到的一些资料，包括了Cef开发的各方面资料在调试Cef时需要C...转载 2018-09-26 20:13:40 · 2335 阅读 · 1 评论