ブラウザで更新ボタン押してもiframeが更新されない!⇒これで解決

ブラウザで更新ボタン押してもiframeが更新されない!⇒これで解決

どうもこんばんは!HYPのこうじです。

さて、楽天市場やポンパレモール、Yahooショッピング等で出店の皆様には何かとお世話になっているタグがあるのではないかと思います。
そう!あれですね。あれですよ!

<iframe />

大手ECサイトのサイト管理条件って、何かと条件が厳しいんですよね。
楽天は、javascriptはNGですがスタイルシートは外部リンクまで許してくれる等、何かと緩い感はありますが、Yahooショッピングに至っては、インラインスタイルしか使えません。

なので、そういった制限が特に無い楽天GOLDやYahooトリプル等のFTP環境でhtmlを作成し、それを<iframe />で張るというパターンが結構多いです。

そういったECサイト管理の<iframe />にまつわる、よくある事例をご紹介したいと思います。

F5(ページ更新)を行っても更新されない

それがコレ!非常に多い事例だと思います。

  • ちょっとページ更新したから確認してくれ~。
  • あれ?なんも変わってないよ。
  • ctrl押しながらF5押してみ。
  • 変わった!

iframe内はキャッシュの影響で、場合によっては、更新したにも関わらず更新が適用されていない時があります。

そんな<iframe />内が更新したはずなのに更新されない場合はとりあえず、CTRLF5で更新する。
これでほぼ解決。

  • 先生!ページの更新終わりました!
  • うむ。ご苦労!
  • あ!?更新されてねーぞ!←実は更新されている。
  • ひぃ!ごめんなさい!! (怖いからとりあえず謝ったろ)

なんてよくあるやりとりも多少は減るかもしれません!

完璧ではないよ。

CTRLF5で、ほぼほぼは解決する事が多いですが、特に楽天GOLD等の場合はさらに外部javascriptにリンクしてたりすると、それでは解決できない場合があります。

そういう場合は、外部リンク自体のキャッシュをクリアしてあげる必要があります。
ECサイト系のキャッシュクリアに関してはこちらでも紹介してますので、合わせて御覧くださいね。

楽天Cabinetの画像がなかなか反映されない!

記事一覧

HYPについて