【Chrome拡張】タブページの内容を転記したい、content

前提・実現したいこと

拡張機能のタブページに自作のHTMLを表示させ、
そこに記載した内容を特定ページに転記したいと思っています。

###【追記】
blank.htmlの
<input type="button" value="ボタン" id="IEOpen">
上記をクリックしたら、指定URLのChromeタブを開きたいです。

値の保持については、以下参照して出来るようになりました。
chrome.storageを同期的に扱う(ES7 async/await)
https://qiita.com/kururua/items/06c9eab514221da4111b

該当のソースコード

↓manifest.json↓

json
1{
2    "manifest_version":2,
3    "name":"Content Script Basic",
4    "description": "Content Script TEST",
5    "version": "1.0.1",
6	"permissions": ["tabs","storage"],
7"chrome_url_overrides":{
8"newtab": "blank.html"},
9    "content_scripts": [
10	{
11	          "run_at":"document_end",
12	          "matches": ["https://TOKUTEINOSAITO.html"],
13	          "js": ["content_script.js"]
14	}
15      ]
16}

↓blank.html↓

html
1<html>
2<head>
3</head>
4<input type="button" value="ボタン" id="IEOpen">
5<BR><BR>
6<div id="TextA" hidden>ああああああああああああ</div>
7<div id="TextB" hidden>いいいいいいいい</div>
8<script src="data/ChangeCheck.js"></script>
9</html>

↓ChangeCheck.js↓

js
1
2const IEOpen = document.getElementById("IEOpen");
3const TextA = document.getElementById("TextA");
4const TextB = document.getElementById("TextB");
5
6IEOpen.addEventListener("click", IeView );
7
8var IeView = function() {
9//特定ページを新たに開き、TextAとTextBの内容を入れたい
10  TextA.innerHTML;//TextA
11  TextB.innerHTML;//TextB
12}

試したこと

↓content_script.js↓

js
1(function () {
2    document.all.item("MyTextA").innerHTML="テストA";
3    document.all.item("MyTextB").innerHTML="テストB";
4})();

特定サイトを開いた場合に、自動で「テストA」「テストB」と入力するところまで
できました。

知りたい事

~~・Chromeで特定ページを開くリンクが作れない~~
~~・開いた後のタブ情報を保持できず、操作することができない(方法が不明）~~
~~・「content_script.js」への値の受け渡しが出来ない（方法が不明）~~
~~　⇒出来たら、タブページからリンクを開いた場合のみ動作させたい~~

blank.htmlの
<input type="button" value="ボタン" id="IEOpen">
上記をクリックしたら、指定URLのChromeタブを開きたいです。
↓ChangeCheck.js↓

js
1
2const IEOpen = document.getElementById("IEOpen");
3const TextA = document.getElementById("TextA");
4const TextB = document.getElementById("TextB");
5
6IEOpen.addEventListener("click", IeView );
7
8var IeView = function() {
9//特定ページを新たに開き、TextAとTextBの内容を入れたい
10  TextA.innerHTML;//TextA
11  TextB.innerHTML;//TextB
12}

お手数をおかけしますが、よろしくお願いいたします！

kuma_kuma_

2020/10/01 02:54

Chromeの拡張機能での話よね？・Chromeで特定ページを開くリンクを作りたい →ページによってリンク内容が変わるのですか？・特定ページを開いた後に、値を挿入したい →値を挿入したいのは表示されている方、Chrome拡張で開いている方どっち？・「content_script.js」への値の受け渡し方法が知りたい →どこからの値？この辺りの追記お願いします

kuma_kuma_

2020/10/01 03:56 編集

> ↓ChangeCheck.js↓ >　//特定ページを新たに開き、TextAとTextBの内容を入れたいリンクの処理ではないようですね