teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

3

user\.js → userscript

2016/12/10 02:55

投稿

aglkjggg
aglkjggg

スコア769

title CHANGED
@@ -1,1 +1,1 @@
1
- ReactのWEBサイトで動くuser.jsを作成したい
1
+ ReactのWEBサイトで動くuserscriptを作成したい
body CHANGED
@@ -1,6 +1,6 @@
1
1
  ## 質問
2
2
  WEBサイト公式では提供されていない機能を、
3
- ユーザーが拡張機能として作成できるuser.jsですが、
3
+ ユーザーが拡張機能として作成できるuserscriptですが、
4
4
  React.jsでなければ動作するのですが、
5
5
  React.jsを利用したWEBサイトの場合上手く動作することができませんでした。
6
6
 

2

試したこと 追記

2016/12/10 02:55

投稿

aglkjggg
aglkjggg

スコア769

title CHANGED
File without changes
body CHANGED
@@ -3,17 +3,20 @@
3
3
  ユーザーが拡張機能として作成できるuser.jsですが、
4
4
  React.jsでなければ動作するのですが、
5
5
  React.jsを利用したWEBサイトの場合上手く動作することができませんでした。
6
- (一瞬値は変わるのですが、すぐに初期値に戻るといった動きをします)
7
6
 
8
7
  React.js を利用したWEBサイトの場合どのように書けばよいでしょうか?
9
8
 
10
- 以下が試したコードです。
9
+ ## 試したこと
10
+ ・以下は、一瞬値は変わるのですが、すぐに初期値に戻るといった動きをします
11
11
  ```
12
12
  // XPath を元にselectを探し、値を10に変更する
13
13
  document.evaluate('//*[@id="..../select', document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null).snapshotItem(0).value = 10;
14
-
15
14
  ```
16
15
 
16
+ ・setTimeoutを利用すると値の変更には成功しました。
17
+ すぐに値は初期値に戻らないのですが、
18
+ textboxの値を変更したりするとuser.jsで書き換えた値が全て初期値に戻ってしまいます。
19
+
17
20
  ## 環境
18
21
  Chrome 55
19
22
  Tampermonkey v4.2.7

1

動作について説明を追加

2016/12/10 02:27

投稿

aglkjggg
aglkjggg

スコア769

title CHANGED
File without changes
body CHANGED
@@ -3,6 +3,7 @@
3
3
  ユーザーが拡張機能として作成できるuser.jsですが、
4
4
  React.jsでなければ動作するのですが、
5
5
  React.jsを利用したWEBサイトの場合上手く動作することができませんでした。
6
+ (一瞬値は変わるのですが、すぐに初期値に戻るといった動きをします)
6
7
 
7
8
  React.js を利用したWEBサイトの場合どのように書けばよいでしょうか?
8
9