イントロダクション
先ほど公開した以下のページを、Chrome で表示してみたところ、なぜか Web ページのアイコン(favicon)が表示されていないことに気が付きました。
JavaScript:iframe:外部のページを埋め込むのではなく、HTMLをそのまま埋め込みたい - Dr.ウーパのコンピュータ備忘録
http://upa-pc.blogspot.jp/2015/03/javascript-iframe-srcdoc.html
http://upa-pc.blogspot.jp/2015/03/javascript-iframe-srcdoc.html
追記:
→ ページを再編集したら直りました。結局原因は謎のままです。
Internet Explorer や Firefox では、そのページ("JavaScript:iframe:外部のページを埋め込むのではなく、HTMLをそのまま埋め込みたい ")のアイコンは、問題なく Blogger 標準のアイコンが表示できています。
アイコンが Blogger 標準ではなく、標準のアイコンが表示されているページ("JavaScript:iframe:外部のページを埋め込むのではなく、HTMLをそのまま埋め込みたい ")では、iframe に動的に HTML を追加するという、あまり一般的ではないことを行っています。
そこで実際に、JavaScript を動作させて、2 つの方法で iframe に動的に HTML を追加しているのですが、それぞれ既に別のプログラムで正常に動作することを確認したプログラムです。
方法(1)「srcdoc 属性に対応していない場合のみ、JavaScript で動的に iframe に HTML 文書を追加する」を実際に採用しているプログラム:
方法(2)「すべてのケースにおいて、JavaScript で動的に iframe に HTML 文書を生成する」を実際に採用しているプログラム:
とりあえず、現時点で、何故そのような現象が発生しているのか見当がつきません。
ただ、アイコンが標準のアイコンになっている投稿は、他にもさまざまな script が動いているため、今考えている部分以外にも原因があるのかもしれません。
今回の現象は、アイコンが表示されないだけなので、実用上の問題は特にないと思っています。
本件、引き続き、調査してみます。
OS : Windows Vista Business 64bit
Chrome : バージョン 40.0.2214.115 m
謎:ChromeでWebページのアイコンがサイトオリジナルではなく、標準のアイコンになる現象
以下の画像のように、なぜか Chrome のそのページ("JavaScript:iframe:外部のページを埋め込むのではなく、HTMLをそのまま埋め込みたい ")のアイコンだけが、本来表示される予定の Blogger のアイコンではなく、一般的な Web ページのアイコンになっています。Chrome : なぜか Chrome のそのページ ("JavaScript:iframe:外部のページを埋め込むのではなく、HTMLをそのまま埋め込みたい ") のアイコンだけが、 本来表示される予定の Blogger のアイコンではなく、 一般的な Web ページのアイコンになっている ブログのトップページ(左端)や、他の投稿(右端)は、 Blogger のアイコンが表示されている |
Internet Explorer や Firefox では、そのページ("JavaScript:iframe:外部のページを埋め込むのではなく、HTMLをそのまま埋め込みたい ")のアイコンは、問題なく Blogger 標準のアイコンが表示できています。
Blogger : 投稿 ("JavaScript:iframe:外部のページを埋め込むのではなく、 HTMLをそのまま埋め込みたい ")のアイコン Internet Explorer(左上) や Firefox (右下) では、正常に Blogger のアイコンが表示できている |
アイコンが Blogger 標準ではなく、標準のアイコンが表示されているページ("JavaScript:iframe:外部のページを埋め込むのではなく、HTMLをそのまま埋め込みたい ")では、iframe に動的に HTML を追加するという、あまり一般的ではないことを行っています。
そこで実際に、JavaScript を動作させて、2 つの方法で iframe に動的に HTML を追加しているのですが、それぞれ既に別のプログラムで正常に動作することを確認したプログラムです。
方法(1)「srcdoc 属性に対応していない場合のみ、JavaScript で動的に iframe に HTML 文書を追加する」を実際に採用しているプログラム:
Dr.ウーパのコンピュータ備忘録: スタイル付きテキストを、コピーでブログに張り付け
http://upa-pc.blogspot.jp/p/css-copy-to-blog.html
http://upa-pc.blogspot.jp/p/css-copy-to-blog.html
方法(2)「すべてのケースにおいて、JavaScript で動的に iframe に HTML 文書を生成する」を実際に採用しているプログラム:
Dr.ウーパのコンピュータ備忘録: 文字・AA(アスキー・アート)アニメーションジェネレータ - アニメーション用コードを自動生成
http://upa-pc.blogspot.jp/p/aa-anime-generator.html
http://upa-pc.blogspot.jp/p/aa-anime-generator.html
それら 2 つの両ケースにおいても、アイコンは Blogger のアイコンが表示されており、異常はありません。
従って、掲載している iframe に動的に HTML を追加するプログラムに問題があるとは考えていません。
とりあえず、現時点で、何故そのような現象が発生しているのか見当がつきません。
ただ、アイコンが標準のアイコンになっている投稿は、他にもさまざまな script が動いているため、今考えている部分以外にも原因があるのかもしれません。
今回の現象は、アイコンが表示されないだけなので、実用上の問題は特にないと思っています。
本件、引き続き、調査してみます。
環境
この現象を確認した環境は次のとおりです。OS : Windows Vista Business 64bit
Chrome : バージョン 40.0.2214.115 m
コメントを投稿
コメント投稿機能について