44453


今、フォームの入力を自動化したいと考えています。  
たとえば、

[code]

    document.getElementById('SOME_ID').value = 20;
    
[/code]

のような javascript を実行すれば、該当フォームへ値を入力できることはわかったのですが、  
for 文や if 文などを使い構造化していったような、手元で記述したスクリプトを今表示している Web ページに適用することはできますか？

ブラウザは、 chrome か firefox が望ましいです。


CC BY-SA 3.0
2016-05-11T14:13:39.257
24758
2018-06-01T09:41:15.810
754
question
javascript google-chrome firefox
ローカルで編集している js ファイルを表示しているWebページに適用できるか


Developer ToolsのConsoleにJSをコピペではだめですか？  
ファイルが１ファイルならコピペでいけると思います（複数ファイルになっているとこの方法だと無理がありますが）。

[![画像の説明をここに入力](https://i.stack.imgur.com/QCkBL.png)](https://i.stack.imgur.com/QCkBL.png)


CC BY-SA 3.0
2016-05-11T14:49:14.637
24760
2016-05-11T14:49:14.637
9008
24758
answer


特定のサイト、ページに対して何かスクリプトを実行したいということであればGreasemonkeyを試してみてはどうでしょうか。

  * <https://addons.mozilla.org/en-US/firefox/addon/greasemonkey/> \- Firefox用
  * <https://tampermonkey.net/> \- Chrome用

スクリプト(UserScript)の書き方やインストール方法はここでは省略しますが、DOM操作やHTTPリクエストなど一通りのことは実行可能です。


CC BY-SA 3.0
2016-05-11T17:10:49.253
24763
2016-05-11T17:10:49.253
2391
24758
answer


今まで解答に挙がっていないので、  
大抵のブラウザで使用可能な方法を追加しておきます。

ブックマークレット (Bookmarklet) という手法で、ブックマークのURLに入れても実行できます。

例えば下記コードをURLに設定したブックマークを起動すると  
表示していたページ内のjavascriptとして動作してページタイトルを表示します。

[code]

    javascript:(function(){alert(document.title);})();
    
[/code]

もちろん複数の値をフォームに設定することも出来ます。

[code]

    javascript:(function(){document.getElementById('SOME_ID').value = 20;document.getElementById('SOME_PASS').value = 30;})();
    
[/code]

・解説サイト  
<https://support.mozilla.org/ja/kb/bookmarklets-perform-common-web-page-tasks>  
<https://qiita.com/AQRiL_1132/items/b5f9040ccb8cbc705d04>


CC BY-SA 4.0
2018-06-01T09:33:00.383
44453
2018-06-01T09:41:15.810
2018-06-01T09:41:15.810
19995
19995
24758
answer