分享

在Web浏览器中运行Python的两种方式,你知道吗

 禁忌石 2023-12-15 发布于浙江

在 Web 浏览器中运行 Python 有两种主要方法:

  • Brython 是 Python 3 的实现,可用于在浏览器中运行 Python 代码。这是一个 JavaScript 库,它将 Python 代码编译为 JavaScript,然后浏览器可以执行。
  • PyScript 是一个新框架,它允许您直接在浏览器中运行 Python 代码,而无需 JavaScript 解释器。它建立在 WebAssembly 之上,WebAssembly 是一项允许原生代码在浏览器中运行的新技术。

以下是如何使用 Brython 在 Web 浏览器中运行 Python 的步骤:

  • 安装 Bryton。您可以通过在终端中运行以下命令来执行此操作:
pip install brython
  • 创建新的 HTML 文件。此文件将包含您的 Python 代码。
  • 在 HTML 文件中,将以下代码添加到 head 部分:
<script src=”https://cdnjs./ajax/libs/brython/3.9.1/brython.min.js'></script>
  • 在 HTML 文件中,将以下代码添加到 body 部分:
<script>// This is your Python code.</script>
  • 保存 HTML 文件。
  • 在浏览器中打开HTML文件。

Python 代码现在将在浏览器中执行。

以下是如何使用 PyScript 在 Web 浏览器中运行 Python 的步骤:

  • 安装 PyScript。您可以通过在终端中运行以下命令来执行此操作:
npm install -g pyscript
  • 创建新的 HTML 文件。此文件将包含您的 Python 代码。
  • 在 HTML 文件中,将以下代码添加到 head 部分:
<script src=”https:///pyscript@0.1.25/dist/pyscript.js'></script>
  • 在 HTML 文件中,将以下代码添加到 body 部分:
<py-script>// This is your Python code.</py-script>
  • 保存 HTML 文件。
  • 在浏览器中打开HTML文件。 Python 代码现在将在浏览器中执行。

对于在 Web 浏览器上运行 Python 的两种主要方式,将提供示例代码:

  • Brython :
<!DOCTYPE html><html><head><title>Brython Example</title><script src=”https://cdnjs./ajax/libs/brython/3.9.1/brython.min.js'></script></head><body><script># This is the Brython code.
import random
def generate_lorem_ipsum(): “””Generates a lorem ipsum paragraph.””” words = [“Lorem”, “ipsum”, “dolor”, “sit”, “amet”, “consectetur”, “adipiscing”, “elit”, “sed”, “do”] return “”.join(random.choice(words) for _ in range(100))
# This is the HTML code.
<div id=”content”><h1>Brython Example</h1><p>This is a paragraph generated by Brython.</p><p id=”lorem_ipsum”>{{ generate_lorem_ipsum() }}</p></div></script></body></html>
  • PyScript的
<!DOCTYPE html><html><head><title>PyScript Example</title><script src=”https:///pyscript@0.1.25/dist/pyscript.js'></script></head><body><py-script># This is the PyScript code.
import random
def generate_lorem_ipsum(): “””Generates a lorem ipsum paragraph.””” words = [“Lorem”, “ipsum”, “dolor”, “sit”, “amet”, “consectetur”, “adipiscing”, “elit”, “sed”, “do”] return “”.join(random.choice(words) for _ in range(100))
# This is the HTML code.
<div id=”content”><h1>PyScript Example</h1><p>This is a paragraph generated by PyScript.</p><p id=”lorem_ipsum”>{{ generate_lorem_ipsum() }}</p></div></py-script></body></html>

Brython 和 PyScript 都是在 Web 浏览器中运行 Python 的绝佳选择。Brython 是一种更成熟的技术,但 PyScript 较新,并且具有 Brython 所没有的一些功能,例如与 DOM 交互的能力。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多