cef修改html,CEF 设置页面缩放级别

现在很多高分屏在笔记本和家用市场逐步扩大，普通应用大小在一个 2K 或者 4K 屏幕下就像一个便利签一样贴在屏幕上面，看着很小。于是操作系统提供了对分辨率进行缩放的功能，比如我可以设置当前分辨率放大到 125%，这样就可以让字体或者窗口看着更大一些。同样基于 CEF 制作的客户端程序也会随之放大到 125%，但是内嵌的网页呢？当然也需要根据系统设置放大缩小，CEF 给我们提供了 SetZoomLevel 方法让我们来设置页面的缩放比例。

同样，我们还是用 CEF 官方给出的 cefclient 举例，cefclient 提供了 ZoomLevel 的修改示例，在程序菜单中选择 Tests->Zoom In 页面就会放大，跟进代码我们可以看到。

实际是调用了通过 browser 获取到的 host 中的 SetZoomLevel 方法。

void ModifyZoom(CefRefPtr browser, double delta) {

if (!CefCurrentlyOn(TID_UI)) {

// Execute on the UI thread.

CefPostTask(TID_UI, base::Bind(&ModifyZoom, browser, delta));

return;

}

browser->GetHost()->SetZoomLevel(browser->GetHost()->GetZoomLevel() + delta);

}

缩放的维度在 cefclient 中是 0.5 一个维度，这个计算的差值可以参考 cef 社区中的讨论：https://www.magpcss.org/ceforum/viewtopic.php?f=6&t=11491，当你想根据系统的缩放比例自动设置页面的缩放大小时，你要做的有以下几个步骤。

获取当前系统的缩放比例

根据缩放比例计算出实际应用到 CEF 的缩放数值

调用 SetZoomLevel 方法设置缩放比例

另外还要考虑一个时机的问题，我实测在 AfterCreated 中去设置是不生效的，这个阶段比较早，在 LoadEnd 中去设置是生效的，但是这个位置又比较晚，所以根据你自己项目的情况来决定哪里去设置这个缩放比例吧。

cef修改html,CEF 设置页面缩放级别相关推荐

CSS 设置页面缩放
为了设置页面缩放,可以使用以下 CSS 属性: body {zoom: 80%; /* 缩放比例 */ } 或者使用以下 CSS 属性: body {transform: scale(0.8); /* ...
echarts 与百度地图bmap结合系列：如何设置地图缩放级别和监听缩放事件
简单的demo: // ehcarts 的实例对象 this.myChart = echarts.init(el)// ehcarts加载完成事件 this.myChart.on('finished' ...
ViewPager设置页面缩放
在安卓开发中使用到ViewPager的地方特别的多,我们需要根据不同的需求设置ViewPager显示的方式.如下面的Viewpager如何实现呢? <android.support.v4.vie ...
css怎么设置页面缩放最小宽度
html, body { min-width: 1500px;} @media only screen and (min-width: 1500px) {html, body { min-width: ...
html5ie11缩放,如何设置缩放级别Internet Explorer 9 - Browsers | Microsoft Docs
如何在更高版本中设置Internet Explorer 9缩放级别 04/21/2020 本文内容重要 2022 Internet Explorer 11 桌面应用程序将停用,2022 年 6 月 ...
OpenLayers中地图缩放级别的设置方法
一.概述在OpenLayers中,地图必须具有一个缩放级别的范围,缩放级别可以用比例尺(scale)或者分辨率(resolution)表示. 比例尺--屏幕上1米代表多少地图坐标单位:分辨率--屏幕 ...
div滚动条怎么设置_【20201123】做个用户管理系统（7）——个人资料修改页面、用户头像设置页面的模板的制作...
1. 介绍 1.1 介绍今天福哥会带着大家完成个人资料修改页面和用户头像设置页面的模板的设计.个人资料里的项目比较多一些,这里面的项目在数据库里的没有对应的字段用来保存数据,我们今后会一起不上来.用 ...
BMap 设置地图类型、缩放平移控件及缩放级别
// 创建百度地图对象 var map = new BMap.Map("container2"); 地图类型控件 map.addControl(new BMap.MapTypeCo ...
金蝶云星空html5的网页主界面如何修改,金蝶云苍穹如何设置页面插件？
注册方式注册JAVA插件注册JavaScript插件实现方式 Java实现方式实现步骤新建插件类 package kd.bos.form.plugin; import java.math.B ...

cef修改html,CEF 设置页面缩放级别

cef修改html,CEF 设置页面缩放级别相关推荐

最新文章

热门文章