苏南大叔在本篇文章中,将讲述一个非常非常简单的electron的例子,但是确实很多人的实际需求,那就是:如何把一个网站装到electron里面去。在这里,并不是要把网站的所有源码放到electron里面,而是一个网站的网址,把这个网址包装到electron里面。

苏南大叔:以 quick-start 为基础,如何利用 electron 包装一个网站 - quick-start-site
以 quick-start 为基础,如何利用 electron 包装一个网站(图9-1)

双击electron图标的时候,可以打开一个窗口,窗口里面显示对应的网站。别看这个很简单,但是很多很多初级选手的需求,就是这个极其简单的需求。大家来跟着学习苏南大叔带来的这个electron入门的教程吧。

下载基础代码

苏南大叔建议大家:下载electron的入门范例,最简单清爽。下载地址是:

苏南大叔:以 quick-start 为基础,如何利用 electron 包装一个网站 - 001_quick_start
以 quick-start 为基础,如何利用 electron 包装一个网站(图9-2)

我们拿到这个最简单的demo后,解压到本地硬盘备用即可。

小的结论

当然,上述代码中,你可能发现了宽度和高度的设置方法。实际上还有很多设置的参数。具体可以参见这里的文档。https://electron.org.cn/doc/api/browser-window.html

在具体实战中,我们可能会用到的常见参数,苏南大叔会在以后的文章里面进行讲述。欢迎继续关注苏南大叔的electron相关文章: https://newsn.net/tag/electron/

如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留链接作者。
本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享。
转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。
未经许可,规模化镜像抄袭本站内容的行为,将会根据有关法律法规进行维权。
程序如此灵动~》下所有原创文章,如被用于商业用途,请您按规定支付稿费。

 【加群】加入QQ群【175454274】和大家一起讨论这个问题

 【源码】本文代码片段及相关软件,请点此获取

 【绝密】秘籍文章入口,仅传授于有缘之人   npm    yarn

本站的忠实读者小伙伴,正在阅读下面这些文章: