---
title: 元素周期表Pro - 微信小程序里的元素周期表，开源，可自托管为 Web
date: 2022-12-31T09:38:26Z
modified: 2022-12-31T09:38:34Z
permalink: "https://www.appinn.com/periodic-table-pro/"
type: post
status: publish
excerpt: ""
categories:
  - 在线应用
tags:
  - 在线应用
  - twp
  - 元素周期表
  - 化学
  - 学习
featured_image: "https://www.appinn.com/wp-content/uploads/2022/12/periodic-table-pro.jpgo_.jpg"
author: 青小蛙
timestamp: 2022-12-31T09:38:34Z
---

**元素周期表Pro** 是一个开源的元素周期表项目，可以让用户在微信小程序中查看到高颜值的元素周期表，并且还拥有溶解性表、元素百科、深色模式、元素图片、物理性质等信息。而开源项目的好处在于，你可以将其自托管为 Web 项目，在浏览器中直接使用。@[Appinn](https://www.appinn.com/periodic-table-pro.md)

![元素周期表Pro - 微信小程序里的元素周期表，开源，可自托管](https://static2.appinn.com/images/202212/periodic-table-pro.jpg)

感谢 @[蚁工厂](https://weibo.com/2194035935/MlG2GD2jx) 的推荐。

虽然说，元素周期表更适合在 iPad 中展示，比如之前介绍过的两款元素周期表：

- [Ptable – 交互式在线元素周期表\[Web\]](https://www.appinn.com/ptable-web.md)

![](https://static2.appinn.com/images/202012/20cb2b00-7724-4ded-9cfd-bfdf2c3fc27d.jpg)

- **[元素周期表](https://www.appinn.com/periodic-table.md)**

![](https://static2.appinn.com/images/202012/d830fc2c-f5bd-499c-9226-1af2f9a5f1f9.jpg)

但是有个便携的微信小程序在手机里，比 iPad 要方便一些。

## 元素周期表Pro \[微信小程序\]

在小程序中，由于屏幕尺寸限制，只能显示部分元素周期表，通过拖动浏览，以及搜索来查找所有的元素。

![](https://static2.appinn.com/images/202212/img_246dd19b024b-1.jpg)





包含的元素信息非常丰富，不次于上面提到的那个 app **[元素周期表](https://www.appinn.com/periodic-table.md)**，包括：

- 物理性质
- 原子性质
- 电磁性质
- 其他属性
- 含量
- 发现年份

在小程序中，会偶尔显示广告。

![](https://static2.appinn.com/images/202212/gh_56cdd91ee838_430.jpg)

### 自托管一个元素周期表

开发者实际上提供了一个 [Web](https://periodic-table-pro.netlify.app/pages/index/index) 页面，即开即用。如果有大屏幕，那用起来还是很爽的。

![](https://static2.appinn.com/images/202212/screen-appinn2022-12-31_17_31_54.jpg)

而想要自己托管，也挺容易的，只需要以下几条命令：


git clone https://github.com/baotlake/periodic-table-pro.git
yarn install
npm run build:h5 -- --watch


然后，浏览器会自动打开 http://192.168.1.2:10086/ 效果和上面的图片一样。

---

真的是，有用又没用的项目啊，在 [GitHub](https://github.com/BaotLake/periodic-table-pro)。

原文：https://www.appinn.com/periodic-table-pro/

## Topics

**分类目录:** [在线应用](https://www.appinn.com/category/online-tools/?output_format=md)

**标签:** [twp](https://www.appinn.com/tag/twp/?output_format=md), [元素周期表](https://www.appinn.com/tag/%e5%85%83%e7%b4%a0%e5%91%a8%e6%9c%9f%e8%a1%a8/?output_format=md), [化学](https://www.appinn.com/tag/%e5%8c%96%e5%ad%a6/?output_format=md), [学习](https://www.appinn.com/tag/%e5%ad%a6%e4%b9%a0/?output_format=md)