在 Electron 应用中,由于 Electron 并没有内置的“页签”系统(像浏览器那样),所以“在当前窗口打开新的页签”这一说法实际上需要一些创造性的解决方案。通常,Electron 应用会使用单个 BrowserWindow
实例来加载主页面,并通过某种方式(如标签页控件、导航菜单等)来模拟页签的行为。
以下是一些实现“在当前窗口打开新的页签”效果的方法:
1. 使用标签页控件(如 React Tabs)
你可以在你的 Electron 应用的主页面上集成一个标签页控件,如使用 React 的 react-tabs
库或其他类似的库。每个标签页可以对应一个不同的网页或应用部分,但所有这些内容都加载在同一个 BrowserWindow
实例中。
示例(使用 React 和 react-tabs):
import React, { useState } from 'react';
import { Tabs, TabList, Tab, TabPanel } from 'react-tabs';
import 'react-tabs/style/react-tabs.css';
function App() {
const [activeIndex, setActiveIndex] = useState(0);
const urls = [
'https://www.google.com',
'https://www.example.com',
// 更多