Chromeの拡張機能とjQueryを使用して、タブのソースコードを取得し、タイトルとその他のタグを事前に一致させようとしています。私は同様の質問を見てきました。誰か助けてくれますか?それは4時間成功していない。私はちょうどChrome拡張機能とjQueryを使用したソースコードの取得
manifest.jsonを
{
"name": "Importer",
"version": "0.1",
"manifest_version": 2,
"permissions": [
"tabs"
],
"browser_action": {
"default_icon": "icon.png",
"default_popup": "popup.html"
}
}
popup.js
/*
* Popup v1.0.0
*/
$(window).load(function() {
$("#import").click(function() {
$(".success").show();
});
});
ポップアップ...私は残りの部分をやる、ソースコードを取得するコードが必要.html
<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<title>Importer</title>
<style>
.success { color: green; font-weight: bold; margin-top: 20px; display: none; }
.error { color: red; font-weight: bold; margin-top: 20px; display: none; }
</style>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="popup.js"></script>
</head>
<body>
<h1>Importer</h1>
<button id="import">Import!</button>
<div class="success">
<span>The product is imported!</span>
</div>
<div class="error">
<span>The product is not imported!</span>
</div>
</body>
</html>
:あなたのような定期的なJSを書くことができ
content.js
でをhttps://developer.chrome.com/extensions/content_scripts)を使用してウェブページ(例: DOMを操作したり、ページのクリックを聞いたりするなど)。 [Chrome拡張機能の概要](https://developer.chrome.com/extensions/overview)(おそらく概要からリンクされたページとともに)を読むことをお勧めします。 [アーキテクチャのセクション](https://developer.chrome.com/extensions/overview#arch)には、物事の一般的な構成/実行方法を理解するのに役立つ全体的なアーキテクチャ情報があります。 – Makyen
ユーザーが「browserAction」ボタンをクリックしてユーザーのやりとりが始まる*場合、コンテンツスクリプトには['chrome.tabs.executeScript()'](https://developer.chrome.com/extensions/)を挿入する必要がありますtabs#method-executeScript)を* manifest.json *の 'content_script'エントリの代わりに使用します。そうすれば、あなたのコンテンツスクリプトは、使用されるのを待つだけですべてのページに注入されてブラウザに負担をかけることはありません。 'chrome.tabs.executeScript()'を使うと、スクリプトは、[必要に応じてデータが渡された状態で]注入されたときに機能し始めることができます(http://stackoverflow.com/a/40815514/)。 3773011)。 – Makyen
「タブのソースコードを取得する」とはどういう意味ですか?あなたのポップアップスクリプトにタブのコンテンツのHTMLテキストを転送したいですか? 「タブのソースコード」で何をしたいですか? – Makyen