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 프로 그래 밍 에 도움 이 되 기 를 바 랍 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Python의 None과 NULL의 차이점 상세 정보그래서 대상 = 속성 + 방법 (사실 방법도 하나의 속성, 데이터 속성과 구별되는 호출 가능한 속성 같은 속성과 방법을 가진 대상을 클래스, 즉 Classl로 분류할 수 있다.클래스는 하나의 청사진과 같아서 하나의 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.