browser-try Electron浏览器示例
浏览器的构建方式挺有意思的,Electron Webview用来构建的浏览器就挺有趣的。Electron本身是个适合做跨平台桌面应用的框架,用 JavaScript、HTML、Node.js 和 CSS 就能搞定。你知道吧,Chromium BrowserWindow是 Electron 的底层,实际上就是浏览器本身了。所以这款应用并没有像某些项目那样拼凑多个 BrowserWindows,而是选择通过Webview实现了选项卡式的结构,做得相对轻量和灵活。browser-try就是用这种方式构建出来的,它的结构是一个包含多个 webview 的 BrowserWindow,简洁而高效。
要使用的话也比较简单,先 git clone 一份到本地,命令如下:
git clone https://github.com/Redstonerayy/browser-try.git
安装依赖,更新并启动:
cd browser-try
npm install
npm update
npm start
npm run make
操作起来不复杂,你只要安装了 Node 环境,就能跟着这个流程走,整体感觉蛮顺畅的。
如果你有搭建跨平台桌面应用的需求,或者想了解如何用 Electron 进行浏览器功能的实现,可以试试看这个项目。它给你了一个挺不错的参考思路。
13.78MB
文件大小:
评论区