ＩＥによる閲覧時の不具合とか備忘LOG遷紀

ＩＥによる閲覧時の不具合とか。

　もう、メインで使用しているブラウザーを、FirefoxからGoogle Chromeにしてらから１年近く経つし、
ＩＥ７からFirefox2に変えた時からでも３年以上経っていて、ほとんどＩＥは使っていません。

　＊ＩＥ８で見るのもトップページのみを見て表示をチェックするくらいでした。

IE7以前のブラウザーで閲覧するとエラー表示が出る。

１月１４日のTwitterのツイートにて、
ＩＥで閲覧するとツイートボタンが表示されていないと指摘されたのですが、
旧いブラウザーでチェックしてないしなぁ．．．と思いつつも、
IETester（v0.4.7）をダウンロードして表示させてみると確かにボタンの場所がテキストになっていました。
でも、Twitterの公式で普通に作っただけなんだけどなぁ．．．

で、試行錯誤してみるとＩＥ７以前のブラウザーは、ＦＣ２ブログ（euc-jp）の場合には、charset="utf-8"を
入れないと動作しないらしいということがわかりました。（常識だったのかなぁ？．．．）
なので、公式ツイートボタンのコードに追加することによってＩＥ７でも動作するようになりました。

さらに同じようにIETesterでエラーの出ていたUPIE8Kuma.jsにも、追加するとちゃんと動作しました。
と、いうことは、このUPIE8Kuma.jsは設置してから一度も正常に動作していなかったということですね！！
旧いブラウザーでは、チェックしてなかったからなぁ．．．
なので、UPIE8Kuma.jsは削除することにしました！もう、IE6で閲覧する人も少なくなったみたいですからね。

でも、これで直ったのかと思っていたら．．．

関連記事：IE7からFirefox2に乗り換え　：　FirefoxからChromeに乗り換え

IEで個別記事ページを開くとエラー表示が出る。

１月１５日のTwitterのツイートにて、
ＩＥでエラーが出たり、レイアウトが崩れたりすると指摘されたのですが、
トップページでは発生しないなぁ？と思っていたら、個別記事ページではエラーが発生してました。
一番わかり易い記事は、
　＞＞＞　FC2ブックマーク：サービス終了　（サムネイル画像もあるし、記事自体が短いからzenbackも見える。）

１月１６日のTwitterのツイートにて、
さらにzenbackで使用しているらしいjQuery1.4.2と jQuery lightBox pluginで使っているjQuery1.2.3が、
原因らしいことも教えてもらえました。

(追記：2011/1/23)
元々は、（ブログをいじった時のメモ）でも書いているように、
2010/10/18にzenbackを導入した後、2010/10/19に画像をlightBoxで表示するようにしていました。
参考にしたのは、こちらの記事です。
ありのごとくあつまりて　さんの　jQuery lightBox　グループ化を操る3つの方法
記事内の「２．記事毎にグループ化させる設置方法」にある通りにして、
Google ChromeやFirefoxでは正常に動作していたので問題はなかったのです。

それにIEでの表示でも、
zenbackを外すとlightBoxで表示できるし、lightBox側を削除するとzenbackで表示できる。
なので個々の動作は問題ないんですよね。

が．．．確かにＩＥでは、エラーが出てるけどどうすればいいのかよくわからない。

１月１７日のTwitterのツイートにて、
~~WEB NAVIGATOR　さんの　ZENBACK:ブログはじめたらまず利用しておきたい超便利なサービス~~
を教えてもらって、~~記事内にあるように~~省略しないで書いた場合には、
jQuery lightBox pluginの方は動作するようになりましたが、zenbackの方は表示しないのは変わりませんでした。
さらに記事内のリンクより、
JeffreyFrancesco.org　さんの　jQuery + lightBox Plugin 導入話（zenback との共存 etc.）
も読みましたが、どうすればいいのかは結局わかりませんでした。

なので、とりあえずテンプレートをいろいろ見なおして修正とかしていました。

IEでだけ、ファビコンが表示されない。

他のブログをIE8で見ていると、確かにファビコンが表示されているのに、
備忘LOGだけ表示されないのはなぜなのかなぁ？っと思ったのでいろいろ変えたけど結局表示されず。
（人によっては、見えるらしいのですが自分の環境では表示されませんでした。）

まぁ、IEでエラーが出るのはしょうがないやと思うことにしたのですが．．．
(追記：2011/5/29)　一部のリンク先が消滅したのでリンクを解除しました。

IEでzenbackの表示が出来るようになりました。

ほんとうにIEでのみエラーが出るのかを確認するために、
使ったことのないOperaやSafariもインストールして試してみましたが、みんな正常に動きました。
もうとにかくやるだけやったし、諦めようと思ったのですが、
テンプレートをちょこっといじってみたら、IEで正常に表示したのでビックリしました！

jQuery lightBox pluginで使っているjQuery1.2.3のバージョンとかも変更したりして試してはいたのですが、
省略しないで書くのとjQueryのバージョンを変えることを同時には試していませんでした。

ＩＥでzenbackとlightBoxで表示させることを両立させるためには．．．
１．記事ごとにグループ化させるスクリプトの書き方を変更。
　　　$(function(){　この部分を　　　jQuery(function($){　このように書く。

２．jQueryのバージョンを変更。
　　　jQuery1.2.3　これを　　jQuery1.2.6　にする。

上記の２点を変更することで、ＩＥ８でもzenbackの表示が出来るようになり、エラーも出なくなりました。

IEによる閲覧時の不具合のまとめ

全てのＩＥ
・設定したファビコンが表示されない。
・個別記事ページでは、リンクした画像の表示が別画面表示になる。
・個別記事ページでは、zenbackが動作しない。

ＩＥ７以前のバージョン
・Twitterの公式ツイートボタンの画像が表示されず、動作しない。

ＩＥ６以前のバージョン
・ＩＥ６以前のブラウザーで閲覧したときに表示されるはずのスクリプトが動作しない。

使用環境：
ＯＳ　WindowsXP PRO SP3
ブラウザー　Google Chrome（8.0.552.237）
今回チェックしたもの　Firefox（3.6.13）、IE（8.0.6001.18702）、Opera（11.00）、Safari（5.0.3）、
IETester（v0.4.7）

タグ : jQuery IE zenback FC2ブログ_カスタマイズ