基于Python開發(fā)chrome插件的方法分析

更新時(shí)間：2018年07月07日 10:16:30 作者：juggd

這篇文章主要介紹了基于Python開發(fā)chrome插件的方法,結(jié)合實(shí)例形式分析了Python實(shí)現(xiàn)chrome瀏覽器插件相關(guān)操作技巧,需要的朋友可以參考下

本文實(shí)例講述了基于Python開發(fā)chrome插件的方法。分享給大家供大家參考，具體如下：

谷歌Chrome插件是使用HTML、JavaScript和CSS編寫的。如果你之前從來沒有寫過Chrome插件，我建議你讀一下這個(gè)。在這篇教程中，我們將教你如何使用Python代替JavaScript。

創(chuàng)建一個(gè)谷歌Chrome插件

首先，我們必須創(chuàng)建一個(gè)清單文件：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/"
 ]
}

然后創(chuàng)建一個(gè)名為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".
 -->
<html>
 <head>
  <title>Getting Started Extension's Popup</title>
  <style>
   body {
    font-family: "Segoe UI", "Lucida Grande", Tahoma, sans-serif;
    font-size: 100%;
   }
   #status {
    /* avoid an excessively wide status text */
    white-space: pre;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 400px;
   }
  </style>
  <!--
   - JavaScript and HTML must be in separate files: see our Content Security
   - Policy documentation[1] for details and explanation.
   -
   - [1]: https://developer.chrome.com/extensions/contentSecurityPolicy
   -->
  <script src="popup.js"></script>
 </head>
 <body>
  <div id="status"></div>
  <img id="image-result" hidden>
 </body>
</html>

最后得到一個(gè)圖標(biāo)，并保存為icon.png。打開chrome://extensions，點(diǎn)擊開發(fā)者模式。點(diǎn)擊“加載未打包擴(kuò)展程序”，選擇文件夾，點(diǎn)擊OK。

為Chrome擴(kuò)展程序添加Python

現(xiàn)在你擁有了最基本的權(quán)利，我們可以在代碼中添加Python。為了能在一個(gè)瀏覽器中運(yùn)行Python，你有很多個(gè)選擇，包括Brython和emcascripten。我們決定使用Brython。我們將從一個(gè)服務(wù)器運(yùn)行Brython腳本。改變popup.html的內(nèi)容：

<!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;
}
#frame {
  overflow: hidden;
  width:790;
  height:324;
}
</style>
</head>
<body onLoad="">
<iframe src=http://brython.info/console.html id="frame" seamless="seamless" scrolling="no"></iframe>
</body>
</html>

重啟下你的插件，你就會(huì)在你的谷歌Chrome瀏覽器中得到一個(gè)Python（Brython）解釋器。

運(yùn)行你自己的腳本

為了能夠運(yùn)行你自己的腳本，簡單地修改一下popup.html框架中的url即可：

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

這個(gè)腳本應(yīng)該運(yùn)行在你自己的服務(wù)器上。你可以從網(wǎng)上運(yùn)行任意的Brython腳本。利用Brython，你可以簡單地在腳本標(biāo)簽中輸入Python代碼。

總結(jié)：

Chrome插件是使用HTML、JavaScript和CSS創(chuàng)建的。我們想知道在谷歌Chrome插件中能否使用Python代碼。我們最終得到了一個(gè)瀏覽器中的Python解釋器和執(zhí)行Python腳本的能力。記住，這只是個(gè)實(shí)現(xiàn)性的結(jié)果，只是一個(gè)玩具，在這一點(diǎn)上，我不建議你將所有的插件都移植或建立在Brython上。

更多關(guān)于Python相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《Python編碼操作技巧總結(jié)》、《Python數(shù)據(jù)結(jié)構(gòu)與算法教程》、《Python Socket編程技巧總結(jié)》、《Python函數(shù)使用技巧總結(jié)》、《Python字符串操作技巧匯總》、《Python入門與進(jìn)階經(jīng)典教程》及《Python文件與目錄操作技巧匯總》

希望本文所述對大家Python程序設(shè)計(jì)有所幫助。

您可能感興趣的文章: