質問編集履歴
4
ファイル追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
|
+
```ここに言語を入力
|
|
2
|
+
コード
|
|
1
|
-
■開発全体の内容
|
|
3
|
+
```■開発全体の内容
|
|
2
4
|
ある事務処理系クラウドサービスに対し、追加入力された内容に問題がある場合にアラートを出させるクローム拡張の機能
|
|
3
5
|
|
|
4
6
|
■今回問題が発生した部分 クローム拡張で青線部の子要素の追加を監視する部分
|
|
@@ -27,4 +29,29 @@
|
|
|
27
29
|
|
|
28
30
|
ページ読み込み時、読み込みの終了よりもエラーがコンソールに出力される方が早いように見えます。
|
|
29
31
|
また、下記写真の上側のバー部分などのidは正しく返ってきており、その部分は読み込みの始めの方に完了しています。
|
|
30
|
-
説明](58340282b1d29fe4eb277bd8438614ab.png)](c812c6b0fd5782aa61bf90fb51ced979.png)
|
|
32
|
+
説明](58340282b1d29fe4eb277bd8438614ab.png)](c812c6b0fd5782aa61bf90fb51ced979.png)
|
|
33
|
+
|
|
34
|
+
manifest.json
|
|
35
|
+
```json
|
|
36
|
+
{
|
|
37
|
+
"name": "DOMstr",
|
|
38
|
+
"version": "1",
|
|
39
|
+
"manifest_version": 2,
|
|
40
|
+
"description": "DOMの変更に対しalert",
|
|
41
|
+
"icons": {
|
|
42
|
+
"16" : "images/sample_16.png",
|
|
43
|
+
"48" : "images/sample_48.png",
|
|
44
|
+
"128" : "images/sample_128.png"
|
|
45
|
+
},
|
|
46
|
+
"browser_action": {
|
|
47
|
+
"default_icon": "images/sample_16.png",
|
|
48
|
+
"default_title": "DOMの変更に対しalert"
|
|
49
|
+
},
|
|
50
|
+
"content_scripts": [{
|
|
51
|
+
"matches": ["https://s2.movacal.net/*"],
|
|
52
|
+
"js": ["jquery-3.3.1.min.js","content_script.js"]
|
|
53
|
+
}],
|
|
54
|
+
|
|
55
|
+
"permissions":[ "notifications"]
|
|
56
|
+
}
|
|
57
|
+
```
|
3
写真添付
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -26,5 +26,5 @@
|
|
|
26
26
|
at content_script.js:12
|
|
27
27
|
|
|
28
28
|
ページ読み込み時、読み込みの終了よりもエラーがコンソールに出力される方が早いように見えます。
|
|
29
|
-
また、
|
|
29
|
+
また、下記写真の上側のバー部分などのidは正しく返ってきており、その部分は読み込みの始めの方に完了しています。
|
|
30
|
-
|
|
30
|
+
説明](58340282b1d29fe4eb277bd8438614ab.png)](c812c6b0fd5782aa61bf90fb51ced979.png)
|
2
加筆
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -25,6 +25,6 @@
|
|
|
25
25
|
> content_script.js:12 Uncaught TypeError: Failed to execute 'observe' on 'MutationObserver': parameter 1 is not of type 'Node'.
|
|
26
26
|
at content_script.js:12
|
|
27
27
|
|
|
28
|
-
|
|
28
|
+
ページ読み込み時、読み込みの終了よりもエラーがコンソールに出力される方が早いように見えます。
|
|
29
|
+
また、別のidを指定するとエラーはなく、そのidが指す部分は読み込みの始めの方に完了しています。
|
|
29
|
-
|
|
30
|
+
なにか関係があるのかと思っています。
|
|
30
|
-
何卒宜しくお願い申し上げます。
|
1
行番号を追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -7,13 +7,14 @@
|
|
|
7
7
|
|
|
8
8
|
■実装内容 [参考](http://okakacacao.wpblog.jp/technology/mutation-observer#_8211_subtree)
|
|
9
9
|
```javascript
|
|
10
|
+
content_script.js
|
|
10
11
|
//変更検出時に実行するコールバック関数を引数に渡し,MutationObserver をインスタンス化する
|
|
11
12
|
var observer = new MutationObserver(function (MutationRecords, MutationObserver) {
|
|
12
13
|
alert('Mutated!!');
|
|
13
14
|
});
|
|
14
15
|
//監視対象のノードと監視方法を指定するオプションを引数に渡して、
|
|
15
16
|
//作成したインスタンスの observe() メソッドを実行する
|
|
16
|
-
observer.observe($('#pres_out_ctg').get(0), {
|
|
17
|
+
observer.observe($('#pres_out_ctg').get(0), { //:12
|
|
17
18
|
childList: true,
|
|
18
19
|
});
|
|
19
20
|
console.log('observe is used');
|