teratail
回答率
85.47%
質問するログイン新規登録
トップJavaScriptに関する質問Chromeアドインで他人様のサイトに窓を「最前面」に表示

編集履歴

質問編集履歴

4

うっすら見えるページのリンクを追加

2022/08/30 09:45

投稿

HCL
HCL

スコア1

test CHANGED
File without changes
test CHANGED
@@ -20,6 +20,8 @@
20
20
  サイトごとに最前面に表示されたり、されなかったり、
21
21
  テキストの裏側にうっすら表示されたりします。
22
22
 
23
+ うっすら表示されるページ（Google翻訳アドオンの窓は表示される）
24
+ https://developer.chrome.com/docs/extensions/mv3/mv3-migration-checklist/
23
25
  ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-08-30/be16e34a-3e2b-42d9-a7bb-45214380ebbf.png)
24
26
 
25
27
  ### 該当のソースコード
JavaScriptChrome extension

3

うっすら見える画像を追加

2022/08/30 09:43

投稿

HCL
HCL

スコア1

test CHANGED
File without changes
test CHANGED
@@ -19,6 +19,8 @@
19
19
 
20
20
  サイトごとに最前面に表示されたり、されなかったり、
21
21
  テキストの裏側にうっすら表示されたりします。
22
+
23
+ ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-08-30/be16e34a-3e2b-42d9-a7bb-45214380ebbf.png)
22
24
 
23
25
  ### 該当のソースコード
24
26
 
JavaScriptChrome extension

2

ソースの修正

2022/08/29 23:51

投稿

HCL
HCL

スコア1

test CHANGED
File without changes
test CHANGED
@@ -29,8 +29,8 @@
29
29
  var div_img= document.createElement("div");
30
30
  div_img.style.position = "absolute";
31
31
  div_img.style.zIndex = 2147483647;
32
- div_img.style.top = document.body.scrollTop + rect.bottom + "px";
32
+ div_img.style.top = document.documentElement.scrollTop + rect.bottom + "px";
33
- div_img.style.left = document.body.scrollLeft + rect.right + "px";
33
+ div_img.style.left = document.documentElement.scrollLeft + rect.right + "px";
34
34
 
35
35
  // アイコン表示
36
36
  var elm_img = document.createElement("img");
JavaScriptChrome extension

1

ソースコード

2022/08/29 10:21

投稿

HCL
HCL

スコア1

test CHANGED
File without changes
test CHANGED
@@ -26,11 +26,17 @@
26
26
  var rects = window.getSelection().getRangeAt(cnt_ranges - 1).getClientRects();
27
27
  var rect = rects[rects.length - 1];
28
28
 
29
- var div_window = document.createElement("div");
29
+ var div_img= document.createElement("div");
30
- div_window.style.position = "absolute";
30
+ div_img.style.position = "absolute";
31
- div_window.style.zIndex = 2147483647;
31
+ div_img.style.zIndex = 2147483647;
32
- style.top = document.body.scrollTop + rect.bottom + "px";
32
+ div_img.style.top = document.body.scrollTop + rect.bottom + "px";
33
- style.left = document.body.scrollLeft + rect.right + "px";
33
+ div_img.style.left = document.body.scrollLeft + rect.right + "px";
34
+
35
+ // アイコン表示
36
+ var elm_img = document.createElement("img");
37
+ div_img.appendChild(elm_img);
38
+ elm_img.setAttribute("src", chrome.extension.getURL("icons/001.png"));
39
+ elm_img.setAttribute("style", "margin:5px; width:20px; height:20px;");
34
40
 
35
41
  document.body.appendChild(div_img);
36
42
 
JavaScriptChrome extension