@adams5210 (中 山)

Are you sure you want to delete the question?

If your question is resolved, you may close it.

Leaving a resolved question undeleted may help others!

We hope you find it useful!

開発者ツールによるjsp内のjavascript記述変更について

開発者ツールの質問です。

elementに表示される、jsp内にベタ書きされてるjavascriptの内容を変更してブラウザ処理を更新するのは可能でしょうか。試したところ内容を変えても処理は変わらない次第です。(保存に関してはhtml形式でローカル保存しかでぎせんでした。)

sourceに表示されるような、外部javascriptファイルは変更し、処理も変えれたのですが、element内でベタ書きされてるjavascriptの変更・反映方法が不明です。何卒よろしくお願いします。

0 likes

6Answer

どのブラウザの開発者ツールなのか質問からは分かりませんが、
名称的に「Chrome」の「Sources」「Elements」を
指していると推測して回答します。

基本的に、上記「Chrome」の前者と後者は役割が異なります。
「Elements」に関しては以下のドキュメントを読んでみてください。
(jsを編集するような用途で使用する機能ではありません)

■捕捉
jsp内にベタ書きの記述からですが、質問者の方は
jsp、jsがどちら側で(フロント、バック)
どの順番で処理されるかの理解があやふやな印象を受けます。

そちらに関する情報も調べてみたほうが良いと思います。(お節介かもしれませんが…)

0Like

ご回答いただき、ありがとうございます。
ブラウザについて記載がなく申し訳ございません。
ご推察のとおり、ブラウザはChromeです。

またelementsについて、用途が違う旨も理解いたしました。

補足に記載いただいた内容についてですが
jspはサーバ側、javascriptはクライアント側で
動いてる認識でおります。

ただ、jsp内のjavascriptはクライアント・サーバどちらで動くのか理解できてない次第です。
jsp内に記載されてるので、サーバ側でjavascript
が動いているのでしょうか。

それであれば、jsp内のjavascriptはサーバ側で動いているため、開発者ツール(クライアント側)では編集不可。sourceに表示されている外部javascriptについては、クライアント側で動いているため編集可能ということで理解できますが、可読性を除外すればjspを使用する場合、javascript記載は全てjsp内で記載した方がセキュリティ面で安全ということになるのでしょうか。

0Like

jspはサーバ側、javascriptはクライアント側で
動いてる認識でおります。

こちらは合っています。

jsp内に記載されてるので、サーバ側でjavascript
が動いているのでしょうか。

こちらの認識は誤りです。
そのため、以下で仰っていることは滅茶苦茶になってしまっています。

それであれば、jsp内のjavascriptはサーバ側で動いているため、開発者ツール(クライアント側)では編集不可。sourceに表示されている外部javascriptについては、クライアント側で動いているため編集可能ということで理解できますが、可読性を除外すればjspを使用する場合、javascript記載は全てjsp内で記載した方がセキュリティ面で安全ということになるのでしょうか。

Node.jsなどの例外はありますが、おいておくとして。
素のJavaScriptであれば、
jsp内に直接記述しようが、ファイルを分けようが
動作するのは「クライアント」です。

まずは、以下の資料を読んでみて
「クライアント、サーバとは?」、「JSPはどのように動作するのか」
を理解するとスッキリすると思います。

0Like

回答ありがとうございます。資料も拝見いたしました。javascriptはjsp内にインラインスクリプトで記述されてようが、外部ファイルとして読み込んでようが、クライアント側で動作するのは変わらないたと理解した次第です。

それを踏まえて考えると、jsp内で記述されてるjavascriptもクライアント側で値変更したうえでサーバーにリクエストすることは可能な認識です。

しかしながら、インラインスクリプトは外部から読み込んでる訳でないので、sourceには表示されずまたelementで記述は確認できるものの、値変更負荷(変更したところでリクエストには反映されない)となると、結局インラインスクリプトはどのようにすれば値変更+リクエストできるのかが分からない次第です。

(例えばインラインスクリプト部分をsourceに表示可能なら、そこで値変更しリクエストできるかと思うのですが。外部読みこみしてないので無理な認識ではあります。)

0Like

何か特別な事情があるのか不明ですが、
分けられるのならインラインでなく
別ファイルに分けてしまうのが一番無難な気がしますが…

jspに対応しているか分かりませんが、こちらの方法はどうでしょうか。

0Like

Your answer might help someone💌