第16课:根据当前操作系统定制样式

尽管 Electron 可以开发跨平台桌面应用,但仍然需要考虑不同平台的差异,例如,Mac OS X 的菜单和 Windows、Linux 的菜单有一定的差异,因此需要单独处理 Mac OS X 下的菜单,或者在不同操作系统平台下使用不同的样式文件进行布局或设置 UI 风格,在这些情况下,就需要知道当前运行的操作系统类型。

Node.js 本身提供了 os 模块可以用来获取当前操作系统的类型,本例会根据不同的操作系统使用不同的样式文件,并在页面上显示不同的文本。

Mac OS X 下运行的效果如下图所示。

1240

Windows 下运行的效果如下图所示。

1240

例子实现步骤如下。

(1)实现主页面(index.html)

<!DOCTYPE html>
<html>
<head>
<title>检测当前操作系统</title>
<link rel="stylesheet" href="index.css">
<script src="event.js">
</script>
</he
蒙娜丽宁 CSDN认证博客专家 公众号:极客起源 达芬奇 UM
更多精彩内容请关注微信公众号:「极客起源」,东北大学计算机专业硕士。UnityMarvel创始人,企业内训讲师、IT畅销书作者,CSDN学院讲师,拥有多年软件开发经验和培训经验。主要著作包括《Python从菜鸟到高手》、《Python爬虫技术:深入理解原理、技术与开发》,培训企业学员数千人。制作在线课程数千小时。更多视频课程,请访问我的B站:https://space.bilibili.com/477001733
评论将由博主筛选后显示,对所有人可见 | 还能输入1000个字符 “速评一下”
©️2020 CSDN 皮肤主题: 代码科技 设计师:Amelia_0503 返回首页
实付 49.90元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值