javaで出力しているメッセージをjavascriptでチェックすると一致しない

Question

自分自身はjavaがわかりませんが以下の様なプログラムがあります。

Java

request.setAttribute("msg", "▼あいうえお。");

JSPファイルの中で吐き出されています。

<p class="msg">
	<logic:notEmpty name="msg">
		<bean:write name="msg" />
		<logic:notEmpty name="msg2">
			<br><bean:write name="msg2" />
		</logic:notEmpty>
	</logic:notEmpty>
</p>

以下の処理を動かしたいのですが、どうすれば動くでしょうか？
ページはスマホアプリ内でしか確認できないガワネイティブのページなため、developerモードなどでチェックできません。
URLはあるのですがchromeのdeveloperモードでアクセスすると真っ白になります。

javascript

var msg = $('.msg').html();
var hoge = ('▼あいうえお。');
if( msg === hoge ){
 < ここに処理 >
}

型をチェックしてみましたが型は同じでした。

alert(typeof msg );
alert(typeof hoge );

これはfalseです。

alert(msg == hoge);

よろしくお願いいたします。

Comments

[m.ts10806]

ブラウザ「ソースを表示」の結果はどうなっているのでしょうか。
というか、型よりも$('.msg').html()の取得結果をそのまま見たほうが良いような。

[Samson818]

スマホアプリ（ガワアプリ）でチェックする方法がわかりません・・・
アプリ内でしか表示されないページなのです。

補足した方が良さそうですね。
ありがとうございます。

[m.ts10806]

WebViewか何かですかね。了解です。

[退会済みユーザー]

アプリ内でしかチェックできない？偽装すればいいかと

UA偽装、ヘッダー偽装等・・・いろいろ偽装してアクセスすればいいかと思うが

Answer 1

それぞれの変数の中身をalertやconsole.logなどで出力してみてはいかがでしょうか？

<p class="msg">
        msgの内容
</p>

または

<p class="msg">
        msgの内容
            <br>msg2の内容
</p>

という出力がHTMLとしてはされているはずで、

$(".msg").html() の内容は

        msgの内容

または

        msgの内容
            <br>msg2の内容

のようになっているように思います。スペースが入っていたりとかで比較した結果ズレがあるのかもしれません。

Comments

[Samson818]

ありがとうございます！
上の方が教えていただいたtrim()をmsg2まで出力した際に使用すると

var msg = $('.msg').html().trim();
の中身は
"msgの内容<br>mag2の内容"
という形になると考えて良いのでしょうか？

[tetsunosuke]

trim() は「文字列の両端の空白を削除」するので、
"msgの内容<br>mag2の内容"
とはなりません。
"msgの内容（改行とスペース）<br>mag2の内容" になってしまいます。
JSP側でスペースや改行が入らないようにするか、正規表現等で文字列内の空白改行を削除するように加工して比較するなどの工夫が必要ではないかと思います。

文字列を出力する部分にはそれぞれspanなどでidを振って、それぞれ取得した上でJSで判定するほうが安全だとは思います。

Answer 2

可能性として考えられること

下記のようにhtmlがなっている

<p class="msg">
    おにぎり
</p>

html()による取得結果（ text()でも同じです ）

    おにぎり

innerHTMLの情報を取得してくるのでタブスペースなども全部取得されます。

詰めて出力されるようにするか、trimを試してみてください。

Comments

[Samson818]

ありがとうございます。
alertで２つを見比べてる時からすでに始まりの位置がズレていることに気が付いていましたが、どう検索していいのかわからずに困ってしました。無事trueが出てきました。

[m.ts10806]

これは検索というよりデバッグの範疇になると思います。