解決済み
マイネ王myページ新着情報の日時表示の吹き出し
SGマスタ
真里亞さんのコメント
Xperia XZ1 SOV36 au(povo)
ベストアンサー獲得数 391 件
PC版 Chrome のデベロッパーツールから USB デバッグ経由でスマホの Chrome で表示している新着情報ページの HTML ソースを改めて確認していたところ、時間が近い場合と12時間前あたりでは日時表示部分の記述内容に違いがある事が分かりました。
今回確認したのは「約4時間前」と「約12時間前」です。
>>23 No.23 で確認した時は「約3時間前」と「約9時間前」でしたが、両方とも同様の記述になっていた事、>>24 No.24 では「約7時間前」と「約9時間前」で動作が異なっていた事(この時はソース未確認)から考えて、おそらく10時間あたりで変化するのかも知れません。
動作確認環境
Y! mobile Android One S2
Android 9
Chrome 84.0.4147.125
WebView の実装:Chrome
PC版 Chrome から USB デバッグにて確認
PC ThinkPad X201i
Windows 10 Pro 64bit Ver.1903
Chrome 84.0.4147.89(Official Build)(64 ビット)
Firefox 79.0 (64 ビット)
「約4時間前」などの時間が近い場合
スマホ:Chrome(PC版 Chrome から USB デバッグ・デベロッパーツール)
<span class="text-muted" title="2020/08/15 21:03" data-toggle="tooltip" data-container="body">
PC:Chrome(ソース表示)
<span class="text-muted" title="2020/08/15 21:03" data-toggle="tooltip" data-container="body">
PC:Chrome(デベロッパーツール)
<span class="text-muted" title="" data-toggle="tooltip" data-container="body" data-original-title="2020/08/15 21:03">
PC:Firefox(ソース表示)
<span class="text-muted" title="2020/08/15 21:04" data-toggle="tooltip" data-container="body">
※後から確認したため時間の近いものを選択
PC:Firefox(開発ツール:コンテキストメニューから要素を調査)
<span class="text-muted" title="" data-toggle="tooltip" data-container="body" data-original-title="2020/08/15 21:04">
※後から確認したため時間の近いものを選択
「約12時間前」
スマホ:Chrome(PC版 Chrome から USB デバッグ・デベロッパーツール)
<span class="text-muted" title="" data-toggle="tooltip" data-container="body" data-original-title="2020/08/15 13:24">
PC:Chrome(デベロッパーツール)
<span class="text-muted" title="" data-toggle="tooltip" data-container="body" data-original-title="2020/08/15 13:24">
PC:Firefox(開発ツール)
<span class="text-muted" title="" data-toggle="tooltip" data-container="body" data-original-title="2020/08/15 13:24">
PCの Firefox と Chrome でソース表示と開発ツール・デベロッパーツールで表示される内容が違う理由が最初は分かりませんでしたが、単にソース表示を行った場合はサーバーから送られた HTML の内容が見えるだけになり、開発ツールを使用する事で「 JavaScript や関数などを実行した結果として出力された HTMLソース」(最終的な HTML の内容)を見る事が出来るようです。
今回確認したのは「約4時間前」と「約12時間前」です。
>>23 No.23 で確認した時は「約3時間前」と「約9時間前」でしたが、両方とも同様の記述になっていた事、>>24 No.24 では「約7時間前」と「約9時間前」で動作が異なっていた事(この時はソース未確認)から考えて、おそらく10時間あたりで変化するのかも知れません。
動作確認環境
Y! mobile Android One S2
Android 9
Chrome 84.0.4147.125
WebView の実装:Chrome
PC版 Chrome から USB デバッグにて確認
PC ThinkPad X201i
Windows 10 Pro 64bit Ver.1903
Chrome 84.0.4147.89(Official Build)(64 ビット)
Firefox 79.0 (64 ビット)
「約4時間前」などの時間が近い場合
スマホ:Chrome(PC版 Chrome から USB デバッグ・デベロッパーツール)
<span class="text-muted" title="2020/08/15 21:03" data-toggle="tooltip" data-container="body">
PC:Chrome(ソース表示)
<span class="text-muted" title="2020/08/15 21:03" data-toggle="tooltip" data-container="body">
PC:Chrome(デベロッパーツール)
<span class="text-muted" title="" data-toggle="tooltip" data-container="body" data-original-title="2020/08/15 21:03">
PC:Firefox(ソース表示)
<span class="text-muted" title="2020/08/15 21:04" data-toggle="tooltip" data-container="body">
※後から確認したため時間の近いものを選択
PC:Firefox(開発ツール:コンテキストメニューから要素を調査)
<span class="text-muted" title="" data-toggle="tooltip" data-container="body" data-original-title="2020/08/15 21:04">
※後から確認したため時間の近いものを選択
「約12時間前」
スマホ:Chrome(PC版 Chrome から USB デバッグ・デベロッパーツール)
<span class="text-muted" title="" data-toggle="tooltip" data-container="body" data-original-title="2020/08/15 13:24">
PC:Chrome(デベロッパーツール)
<span class="text-muted" title="" data-toggle="tooltip" data-container="body" data-original-title="2020/08/15 13:24">
PC:Firefox(開発ツール)
<span class="text-muted" title="" data-toggle="tooltip" data-container="body" data-original-title="2020/08/15 13:24">
PCの Firefox と Chrome でソース表示と開発ツール・デベロッパーツールで表示される内容が違う理由が最初は分かりませんでしたが、単にソース表示を行った場合はサーバーから送られた HTML の内容が見えるだけになり、開発ツールを使用する事で「 JavaScript や関数などを実行した結果として出力された HTMLソース」(最終的な HTML の内容)を見る事が出来るようです。
- 29

