質問編集履歴
8
エラーの編集
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -118,6 +118,18 @@
|
|
|
118
118
|
|
|
119
119
|
```
|
|
120
120
|
|
|
121
|
-
Uncaught TypeError: Cannot read properties of undefined (reading 'createElement')
|
|
121
|
+
jquery-3.6.0.min.js:2 Uncaught TypeError: Cannot read properties of undefined (reading 'createElement')
|
|
122
|
+
|
|
123
|
+
at ce (jquery-3.6.0.min.js:2)
|
|
124
|
+
|
|
125
|
+
at jquery-3.6.0.min.js:2
|
|
126
|
+
|
|
127
|
+
at jquery-3.6.0.min.js:2
|
|
128
|
+
|
|
129
|
+
at jquery-3.6.0.min.js:2
|
|
130
|
+
|
|
131
|
+
at jquery-3.6.0.min.js:2
|
|
132
|
+
|
|
133
|
+
at background.js:2
|
|
122
134
|
|
|
123
135
|
```
|
7
エラーを追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
|
|
15
15
|
特定のサイトにアクセスして挿入されたボタンをクリックしても、スプレッドシートに記録ができなくなっています。ChromeでF12を押して「コンソール」を見たところ、サイトの内容を取得することまではできています。
|
|
16
16
|
|
|
17
|
-
|
|
17
|
+
|
|
18
18
|
|
|
19
19
|
ページ内の情報を取得、整理する"content.js"はうまくいっているけれど、それをスプレッドシートに送る"background.js"がうまくいっていないように思われます。
|
|
20
20
|
|
|
@@ -104,4 +104,20 @@
|
|
|
104
104
|
|
|
105
105
|
[stack overflow](https://stackoverflow.com/questions/66465578/how-to-import-jquery-in-background-service-worker-manifest-v3-chrome-extensi)には、`importScripts("jquery-3.6.0.min.js");`は、`$.ajax`を使用していると使えないので代わりに`fetch()`を使うとよいと書かれていました。
|
|
106
106
|
|
|
107
|
-
私の拡張機能のbackground.jsにも`$.ajax`使用されているので、`fetch()`を
|
|
107
|
+
私の拡張機能のbackground.jsにも`$.ajax`使用されているので、`fetch()`を使う形で作り変えてみました。
|
|
108
|
+
|
|
109
|
+
manifest-versionが２のときはちゃんと動きましたが、３になると動かなくなってしまいました。
|
|
110
|
+
|
|
111
|
+
|
|
112
|
+
|
|
113
|
+
追記 エラー
|
|
114
|
+
|
|
115
|
+
---
|
|
116
|
+
|
|
117
|
+
ビューを検証 Service Worker では、このようなエラーが出ています。
|
|
118
|
+
|
|
119
|
+
```
|
|
120
|
+
|
|
121
|
+
Uncaught TypeError: Cannot read properties of undefined (reading 'createElement')
|
|
122
|
+
|
|
123
|
+
```
|
6
追記をした
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -102,4 +102,6 @@
|
|
|
102
102
|
|
|
103
103
|
---
|
|
104
104
|
|
|
105
|
-
`importScripts("jquery-3.6.0.min.js");`
|
|
105
|
+
[stack overflow](https://stackoverflow.com/questions/66465578/how-to-import-jquery-in-background-service-worker-manifest-v3-chrome-extensi)には、`importScripts("jquery-3.6.0.min.js");`は、`$.ajax`を使用していると使えないので代わりに`fetch()`を使うとよいと書かれていました。
|
|
106
|
+
|
|
107
|
+
私の拡張機能のbackground.jsにも`$.ajax`使用されているので、`fetch()`を試してみようと思います。只今出先まだ試せず、まだ解決したわけではないのでアドバイス等あればいただきたいです。
|
5
タイトルと追記を追加した
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Chrome拡張機能のv2からv3への移行がうまくいかない
|
|
1
|
+
JavaScript ファイルでjQueryのファイルを読み込むのがうまくいかない（Chrome拡張機能のv2からv3への移行がうまくいかない）
|
test
CHANGED
|
@@ -95,3 +95,11 @@
|
|
|
95
95
|
|
|
96
96
|
|
|
97
97
|
それで上記の不具合がでています。
|
|
98
|
+
|
|
99
|
+
|
|
100
|
+
|
|
101
|
+
追記
|
|
102
|
+
|
|
103
|
+
---
|
|
104
|
+
|
|
105
|
+
`importScripts("jquery-3.6.0.min.js");`がうまくいかないとしたら、jquery-3.6.0.min.jsの内容をbackground.jsにコピペして参照することは可能でしょうか。
|
4
ファイルの構造を記した
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -23,6 +23,22 @@
|
|
|
23
23
|
やったこと
|
|
24
24
|
|
|
25
25
|
---
|
|
26
|
+
|
|
27
|
+
ファイルはこのようになっています
|
|
28
|
+
|
|
29
|
+
```
|
|
30
|
+
|
|
31
|
+
├─background.js
|
|
32
|
+
|
|
33
|
+
├─content.js
|
|
34
|
+
|
|
35
|
+
├─jquery-3.6.0.min.js
|
|
36
|
+
|
|
37
|
+
└─manifest.json
|
|
38
|
+
|
|
39
|
+
```
|
|
40
|
+
|
|
41
|
+
|
|
26
42
|
|
|
27
43
|
v2からv3に移行するにあたって、それぞれのファイルで変更した箇所を記します。
|
|
28
44
|
|
3
コードをわかりやすくした
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -34,7 +34,27 @@
|
|
|
34
34
|
|
|
35
35
|
- "persistent": false を削除しました。
|
|
36
36
|
|
|
37
|
+
以下が変更前のmanifest.json のbackcroundです
|
|
37
38
|
|
|
39
|
+
```json
|
|
40
|
+
|
|
41
|
+
"background": {
|
|
42
|
+
|
|
43
|
+
"service_worker": [
|
|
44
|
+
|
|
45
|
+
"jquery-3.6.0.min.js",
|
|
46
|
+
|
|
47
|
+
"background.js"
|
|
48
|
+
|
|
49
|
+
],
|
|
50
|
+
|
|
51
|
+
"presistent": false
|
|
52
|
+
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
```
|
|
56
|
+
|
|
57
|
+
変更後です。
|
|
38
58
|
|
|
39
59
|
```json
|
|
40
60
|
|
2
タイトルの誤字を直したあ
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
Chrome拡張機能のv2からv3への移行がうまくいかない
|
test
CHANGED
|
File without changes
|
1
タグの追加
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Chrome拡張機能のv2からv3への移行がうまくいかない
|
|
1
|
+
taChrome拡張機能のv2からv3への移行がうまくいかない
|
test
CHANGED
|
File without changes
|