[よっぴー]

【お使いの Snow Monkey のバージョン】15.15.0
【お使いの Snow Monkey Blocks のバージョン】13.2.1
【お使いの Snow Monkey Editor のバージョン】 6.2.1
【お使いのブラウザ】chrome,IE,Safari
【当該サイトのURL】http://xs157698.xsrv.jp/demosite/

 

度々申し訳ございません(>_<)

「スマホ版における内容です」

### 実現したいこと
スマホ版で、TOP動画が自動再生されないため「戻るボタン」をクリックで、強制的にリロードさせました。が、、
TOPページに戻る時のみ「強制リロード」させてTOP動画を自動的に再生させることは可能でしょうか。

 

### 発生している問題

iphone iOS safariの「戻る」ボタンの問題

今回はiOS safariブラウザの「戻る」ボタンで画面遷移（ブラウザバック）したときキャッシュを読みに行く事で起こる問題を解決します。方法は「戻る」ボタンで画面遷移し…

stray-light.info

TOP動画の自動停止は上記で解決しましたが、現状だと全ページにおいて強制リロードされるため下記の様に「戻るボタンをクリックで」全ページで最上部に表示されてしまいます。

製品ページ → 例）ボトル → 詳しくみる → 戻る → 画面が乱れる → 戻り先がバイアル（最上部）になります。(ボトルに戻るはずが強制リロードのせいで最上部に遷移)

 

### 全ページ強制再生させるコード

window.onpageshow = function(event) {
if (event.persisted) {
window.location.reload();
}
};

あらかた調べましたが出て来ず、、制御は難しいでしょうか。

お忙しいところ恐れ入りますが、何卒宜しくお願い申し上げます。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

js で URL を取得して条件分岐させるとかですかね？

現在のページのURLを取得する(location.href)

windows.location オブジェクトの href プロパティを参照すると現在表示している Web ページ の URL を参照することができます。またその他の location オブジェクトのプ…

www.javadrive.jp

♥ 0

いいねをした人: 居ません

[よっぴー]

ご連絡ありがとうございます。(>_<)

window.onpageshow = ()=> {
  // URLの取得
  let url = location.href;
  if (url == http://xs157698.xsrv.jp/demosite/) {
    window.location.reload();
    // URLが http://xs157698.xsrv.jp/demosite/ の場合に実行する処理
  }
}

こんな感じであっておりますでしょうか。申し訳ございません検索しながらでおかしいかもです。。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

僕もやったことがないのであっているかどうかはわかりませんが、同じコードで試してみた感じだと、URL の取得とトップページの判定はこれで動いているようです。ただ、リロードされているかどうかは僕の環境ではよくわかりませんでした。

♥ 0

いいねをした人: 居ません

[よっぴー]

コード自体にそれほど問題はないのですね。

実際に不具合の出ている端末で確認いただいてみます。

アドバイスいただきありがとうございました！

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

あ、URL は文字列なのでクオーテーションで囲ってください！

例：

'http://xs157698.xsrv.jp/demosite/'

♥ 3

いいねをした人:

[投稿者]

投稿