教程四在Go中使用Energy创建跨平台GUI - 开发者工具

使用Energy开启CEF Chromium开发者工具

原创

已于 2022-11-26 16:51:12 修改 · 置顶 · 747 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#golang #GoGUI #Go跨平台应用 #chromium #GUI

于 2022-11-26 10:55:09 首次发布

本文档介绍了如何在Energy中启用和使用开发者工具(devtools)，包括通过右键菜单和F12快捷键以及远程端口两种方式。开发者工具对于前端开发者来说是必备的，用于调试代码、接口和资源。Energy提供了封装的CEF Chromium配置，允许自定义功能。通过设置CEF配置对象和应用配置，可以轻松启用开发者工具，并通过特定端口进行远程调试。

教程-示例-文档

介绍

本文介绍在Energy中如何使用开发者工具(dev tools)

开发者工具(dev tools) 是前端开发人员常用的，在开发时调式代码、接口、资源加载、CSS调整等等，大多数场景都会使用。

energy封装了部分繁琐的chromium使用，其中之一包含开发者工具，你也可以自己自定义一些chromium功能。

启用方式

一、右键菜单和F12

创建 cef.NewChromiumConfig() 配置对象
- 启用右键菜单 SetEnableMenu(true)
- 启用开发者工具 SetEnableDevTools(true)
- 使用 cef.BrowserWindow.Config.SetChromiumConfig(config) 将配置对象设置到主窗口对象中

开发者工具默认需要启用右键菜单才能开启

设置启用开发者工具之后默认会启用F12快捷键方式

package main

import (
	"github.com/energye/energy/cef"
)

func main() {
	//全局初始化 每个应用都必须调用的
	cef.GlobalCEFInit(nil, nil)
	//创建应用
	cefApp := cef.NewApplication(nil)
	//主窗口的配置
	//指定