实例分析Python开发中chrome插件的方法!(内含动图详解)

前言:

今天为大家带来的内容是,实例分析Python开发中chrome插件的方法!(内含动图详解)以下分析具有参考意义,希望能够帮助到各位!(喜欢的话记得不忘关注收藏不迷路哦)

本文实例讲述了基于Python开发chrome插件的方法。分享给大家供大家参考,具体如下:

谷歌Chrome插件是使用HTML、JavaScript和CSS编写的。如果你之前从来没有写过Chrome插件,我建议你读一下这个。在这篇教程中,我们将教你如何使用Python代替JavaScript。

创建一个谷歌Chrome插件

首先,我们必须创建一个清单文件:manifest.json。

{
 "manifest_version": 2,
 "name": "Python Chrome Plugin",
 "description": "This extension runs Python code.",
 "version": "1.0",
 "browser_action": {
 "default_icon": "icon.png",
 "default_popup": "popup.html"
 },
 "permissions": [
 "activeTab",
 "https://ajax.googleapis.com/"
 ]
}

然后创建一个名为popup.html的文件:

<!doctype html>
<!--
 This page is shown when the extension button is clicked, because the
 "browser_action" field in manifest.json contains the "default_popup" key with
 value "popup.html".

实例分析Python开发中chrome插件的方法!(内含动图详解)

 

最后得到一个图标,并保存为icon.png。打开chrome://extensions,点击开发者模式。点击“加载未打包扩展程序”,选择文件夹,点击OK。

为Chrome扩展程序添加Python

现在你拥有了最基本的权利,我们可以在代码中添加Python。为了能在一个浏览器中运行Python,你有很多个选择,包括Brython和emcascripten。我们决定使用Brython。我们将从一个服务器运行Brython脚本。改变popup.html的内容:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta charset="iso-8859-1">
<style>
body {
 margin: 0 !important;
 padding: 0 !important;
 width: 800;

实例分析Python开发中chrome插件的方法!(内含动图详解)

 

重启下你的插件,你就会在你的谷歌Chrome浏览器中得到一个Python(Brython)解释器。

实例分析Python开发中chrome插件的方法!(内含动图详解)

 

运行你自己的脚本

为了能够运行你自己的脚本,简单地修改一下popup.html框架中的url即可:

<iframe src="BRYTHON SCRIPT URL" id="frame" seamless="seamless" scrolling="no"></iframe>

这个脚本应该运行在你自己的服务器上。你可以从网上运行任意的Brython脚本。利用Brython,你可以简单地在脚本标签中输入Python代码。

以上就是本文全部内容啦!

最后,小编想说一句话:我是一名python开发工程师,这里有我自己整理了一套最新的python系统学习教程,包括从基础的python脚本到web开发、爬虫、数据分析、数据可视化、机器学习等。想要这些资料的可以加群:877562786

上一篇:javascript – 启动Mailchimp邪恶的popup onclick


下一篇:asp.net-在JavaScript中显示Modalpopup