質問編集履歴
2
文章の修正
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
chrome extensionと外部サイトで
|
|
1
|
+
chrome extensionと外部サイトでやり取りをしたい
|
body
CHANGED
|
@@ -11,14 +11,15 @@
|
|
|
11
11
|
iframeの親ページも、extension外の普通のページでのやり取りなら問題なく通信できるのですが、
|
|
12
12
|
extension内のページとのやりとりになると、出来なくなってしまいます…
|
|
13
13
|
|
|
14
|
+
正しく通信できる方法を御教授お願い致します。
|
|
15
|
+
もしくは別の方法があれば教えてほしいです。
|
|
14
16
|
|
|
17
|
+
|
|
15
18
|
エラー文章↓
|
|
16
19
|
```ここに言語を入力
|
|
17
20
|
Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('chrome-extension://extensionID') does not match the recipient window's origin ('外部サイトのURL').
|
|
18
21
|
```
|
|
19
22
|
|
|
20
|
-
|
|
21
|
-
正しく通信できる方法を御教授お願い致します。
|
|
22
23
|
manifest.json↓
|
|
23
24
|
```ここに言語を入力
|
|
24
25
|
{
|
1
文章書き直し
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
chrome extensionと外部サイト
|
|
1
|
+
chrome extensionと外部サイトで通信したい
|
body
CHANGED
|
@@ -10,17 +10,17 @@
|
|
|
10
10
|
|
|
11
11
|
iframeの親ページも、extension外の普通のページでのやり取りなら問題なく通信できるのですが、
|
|
12
12
|
extension内のページとのやりとりになると、出来なくなってしまいます…
|
|
13
|
-
|
|
13
|
+
|
|
14
|
+
|
|
14
|
-
エラー文章
|
|
15
|
+
エラー文章↓
|
|
15
|
-
|
|
16
|
+
```ここに言語を入力
|
|
16
17
|
Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('chrome-extension://extensionID') does not match the recipient window's origin ('外部サイトのURL').
|
|
18
|
+
```
|
|
17
19
|
|
|
18
20
|
|
|
19
21
|
正しく通信できる方法を御教授お願い致します。
|
|
20
|
-
|
|
21
|
-
/*-- -- -- -- -- -- -- -- --
|
|
22
|
-
manifest.json
|
|
22
|
+
manifest.json↓
|
|
23
|
-
|
|
23
|
+
```ここに言語を入力
|
|
24
24
|
{
|
|
25
25
|
"manifest_version": 2,
|
|
26
26
|
"name": "test",
|
|
@@ -46,19 +46,20 @@
|
|
|
46
46
|
|
|
47
47
|
}
|
|
48
48
|
|
|
49
|
-
|
|
49
|
+
```
|
|
50
|
+
|
|
50
|
-
popup.js
|
|
51
|
+
popup.js↓
|
|
51
|
-
|
|
52
|
+
```ここに言語を入力
|
|
52
53
|
//ポップアップページの内のjs
|
|
53
54
|
// メッセージを受信したとき
|
|
54
55
|
function receiveMessage(event) {
|
|
55
56
|
alert(event.originalEvent.data);
|
|
56
57
|
}
|
|
58
|
+
```
|
|
57
59
|
|
|
58
60
|
|
|
59
|
-
/*-- -- -- -- -- -- -- -- --
|
|
60
|
-
background.js
|
|
61
|
+
background.js↓
|
|
61
|
-
|
|
62
|
+
```ここに言語を入力
|
|
62
63
|
chrome.browserAction.onClicked.addListener(function(tab) {
|
|
63
64
|
chrome.windows.getCurrent(null, function(windows){
|
|
64
65
|
|
|
@@ -69,14 +70,15 @@
|
|
|
69
70
|
window.open(url, 'windowname', option);
|
|
70
71
|
});
|
|
71
72
|
});
|
|
73
|
+
```
|
|
72
74
|
|
|
73
75
|
|
|
74
76
|
|
|
75
77
|
|
|
76
|
-
/*-- -- -- -- -- -- -- -- --
|
|
77
|
-
inneriframe.js
|
|
78
|
+
inneriframe.js↓
|
|
78
|
-
|
|
79
|
+
```ここに言語を入力
|
|
79
80
|
//iframeで呼び出している外部サイト内のjs
|
|
80
81
|
$('.btn').click(function(){
|
|
81
82
|
window.parent.postMessage('おしたよ！', 'chrome-extension://extensionID/');
|
|
82
|
-
});
|
|
83
|
+
});
|
|
84
|
+
```
|