Python 기반 chrome 플러그 인 개발 방법 분석

이 실례 는 Python 을 바탕 으로 chrome 플러그 인 을 개발 하 는 방법 을 설명 한다.여러분 께 참고 하도록 공유 하 겠 습 니 다.구체 적 으로 는 다음 과 같 습 니 다.
구 글 크롬 플러그 인 은 HTML,자바 스 크 립 트,CSS 로 작 성 된 것 이다.만약 당신 이 이전에 크롬 플러그 인 을 쓴 적 이 없다 면,나 는 당신 이 이것 을 읽 는 것 을 건의 합 니 다.이 튜 토리 얼 에서 우 리 는 자 바스 크 립 트 대신 파 이 썬 을 사용 하 는 방법 을 가르쳐 줄 것 이다.
구 글 크롬 플러그 인 만 들 기
우선,목록 파일 을 만들어 야 합 니 다: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".
 -->
<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>

마지막 으로 아이콘 을 받 아 icon.png 로 저장 합 니 다.열다chrome://extensions개발 자 모드 를 클릭 합 니 다.'포장 되 지 않 은 확장 프로그램 불 러 오기'를 누 르 고 폴 더 를 선택 하고 OK 를 누 르 십시오.
Chrome 확장 프로그램 에 Python 추가
이제 당신 은 가장 기본 적 인 권 리 를 가지 게 되 었 습 니 다.우 리 는 코드 에 Python 을 추가 할 수 있 습 니 다.브 라 우 저 에서 Python 을 실행 할 수 있 도록 브 라 우 저 와 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;
}
#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>

플러그 인 을 다시 시작 하면 구 글 크롬 브 라 우 저 에서 Python(Brython)해석 기 를 얻 을 수 있 습 니 다.

스 크 립 트 실행
자신의 스 크 립 트 를 실행 할 수 있 도록 popup.html 프레임 워 크 의 url 을 간단하게 수정 하면 됩 니 다.

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

이 스 크 립 트 는 서버 에서 실행 되 어야 합 니 다.너 는 인터넷 에서 임의의 Brython 스 크 립 트 를 실행 할 수 있다.Brython 을 이용 하면 스 크 립 트 탭 에 Python 코드 를 간단하게 입력 할 수 있 습 니 다.
요약:
Chrome 플러그 인 은 HTML,JavaScript,CSS 를 사용 하여 만 들 었 습 니 다.우 리 는 구 글 크롬 플러그 인 에서 Python 코드 를 사용 할 수 있 는 지 알 고 싶다.우 리 는 결국 브 라 우 저 에 있 는 Python 해석 기와 Python 스 크 립 트 를 실행 하 는 능력 을 얻 었 다.기억 하 세 요.이것 은 실현 적 인 결과 일 뿐 장난감 일 뿐 입 니 다.이 점 에서 저 는 모든 플러그 인 을 Brython 에 이식 하거나 구축 하 는 것 을 권장 하지 않 습 니 다.
더 많은 파 이 썬 관련 내용 에 관심 이 있 는 독자 들 은 본 사이트 의 주 제 를 볼 수 있다.
본 논문 에서 말 한 것 이 여러분 의 Python 프로 그래 밍 에 도움 이 되 기 를 바 랍 니 다.

좋은 웹페이지 즐겨찾기