前言。

早上刚看到资讯，说可以在网页上跑 python 程序了。那我就来试试水，跑个例子。

一、PyScript 是什么？

PyScript 是一个框架，允许用户使用 HTML 的界面在浏览器中创建丰富的 Python 应用程序。 PyScript 旨在为用户提供一流的编程语言，该语言具有一致的样式规则、更具表现力且更易于学习。

二、使用步骤

1.CDN

因为只是试水，这里我使用CDN来安装 PyScript。

<link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>

在html文件中引入CDN。

2.第一个 PyScript 应用

可以使用vscode + Live Server extension 来运行。

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><!-- 引入 PyScript --><link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" /><script defer src="https://pyscript.net/alpha/pyscript.js"></script><title>First PyScript Application</title><style>py-script {width: 100%;height: 100%;font-size: 20px;text-align: center;position: absolute;}</style>
</head><body><py-script>print('Hello PyScript!')</py-script></body></html>

3. 使用第三方包

千万不要格式化代码。

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><!-- 引入 PyScript --><link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" /><script defer src="https://pyscript.net/alpha/pyscript.js"></script><!-- 引入第三方包 --><py-env>- numpy- matplotlib</py-env><title>First PyScript Application</title><style>py-script {width: 100%;height: 100%;font-size: 20px;text-align: center;position: absolute;}</style>
</head><body><table><tr><th>Sin(x)</th><th>Cos(x)</th></tr><tr><td><div id="Sin"></div></td><td><div id="Cos"></div></td></tr></table><py-script output="Sin">
import matplotlib.pyplot as plt
import numpy as npx = np.arange(-np.pi, np.pi,np.pi/180)
y = np.sin(x)fig, ax = plt.subplots()
ax.plot(x, y)
fig</py-script><py-script output="Cos">
import matplotlib.pyplot as plt
import numpy as npx = np.arange(-np.pi, np.pi,np.pi/180)
y = np.cos(x)fig, ax = plt.subplots()
ax.plot(x, y)
fig</py-script></body></html>

结尾附上官方入门文档

总结

只能说现在可以运行，但是坑还是很多。也没有像样的代码提示和语法高亮。而且速度也是一如既往的感人。。。期待以后会变得更好吧，到这里也就结束了，喜欢的话点个赞。

在网页上跑个 python 程序 - 试水 pyscript相关推荐

elf section类型_在 498 行极小 OS 上跑标准 ELF 程序
本文首发于在 498 行极小系统跑标准 ELF 程序简介 ELF 在 Linux 系统中作为标准可执行文件格式已经存在了 ~25 年. 如果要在 Linux 下直接研究 ELF,通常很难绕过 Li ...
python编写的程序可以在任何平台中执行-在Windows平台上编写的Python程序无法在Unix平台运行。...
[单选题]在中华人民共和国境内飞行的民用航空器必须具有: ( ) [单选题]属于发热激活物的是: [单选题]年满( )周岁可以独立实施民事法律行为视为完全民事行为能力人 [单选题]在DIC的原发病中, ...
如何在linux上直接运行python程序
如何在linux上直接运行python程序一.前言二.具体步骤一.前言个人主页: ζ小菜鸡大家好我是ζ小菜鸡,小伙伴们,让我们一起来学习如何在linux上直接运行python程序. 如果文章 ...
python只能运行在windows平台上吗_在Windows平台上编写的Python程序无法在Unix平台运行。...
问题:在Windows平台上编写的Python程序无法在Unix平台运行. 更多相关问题 Because plants cannot move or talk, most people believe ...
在Windows上双击运行Python程序不会自动退出的方法
文章目录在Windows上双击运行Python程序不会自动退出的方法前言将python.exe添加到环境变量中一个Python程序例子双击运行Python程序报错双击运行Windows C ...
python可以在多种平台运行、体现了_在Windows平台上编写的Python程序无法在Unix平台运行。...
问题:在Windows平台上编写的Python程序无法在Unix平台运行. 更多相关问题某船公司2003年2月,建造了两艘航行于武汉-南京的2000吨油船,双壳结构形式,至今使用良好,为公司创肾病 ...
windows平台上编写的python无法在unix_【判断题】在Windows平台上编写的Python程序无法在Unix平台运行...
[判断题]在Windows平台上编写的Python程序无法在Unix平台运行更多相关问题分别将下列物质滴入苯酚溶液中,产生白色沉淀的是A．浓溴水B．氢氧化钠溶液C．稀盐酸D．氯化铁溶液有机物分子 ...
少儿编程python线上课程-北京Python程序开发课程
课程详情大数据及机器学习必备语言,推荐9-13岁青少年学习. 帮助孩子掌握Python语言的主要核心基本语法.掌握Python面向对象开发的基本概念.掌握Python和Pygame进行2D游戏开发. ...
termux 安装mysql 并运行b站爬虫入库安卓11（手机上跑定时python爬虫）
运行环境 python3.9.6 +MariaDB(termux官方封装安装顺利) 1. 安装python #安装python3 pkg install python -y #查看版本 python ...

在网页上跑个 python 程序 - 试水 pyscript

文章目录

前言。