うぇぶかにほん Webka.Jpうぇぶかにほん-駅と旅のガイドすみません、まだβ版です。
  Webka.Jp ホーム  >  ブログス  >  日本Web化計画  Peaceful Paradise Life
うぇぶかにほん公式ツイッター  うぇぶかにほん公式フェイスブック  Peaceful Paradise Life FILMS  最新記事のRSS
Peaceful Paradise Life
blog ホーム 旅、カメラ、そしてウェブ... 堀田けいすけのブログ
about
recent
tweet
movie
search
pepalife.com
ようこそ、ピースフルパラダイスライフへ
このブログは南国生活をする人のブログではありません。いつか、のんびり南国生活を夢見るおっさんブログです。
本当はもう、自分の力でどこにでも自由に行けるはずなのに、まだ、どこへも行っていない事に最近気がつきました。
でも、本当は夢見る南の島だって、どこにだって自由に行けるはずなのです。だから、そろそろ、ちょっと、そろそろ、と夢想しているおっさんブログです。
最近の記事タイトル (すべての記事タイトルを表示する
うぇうかにほん公式ツイッター
このブログの新しい記事の更新情報も[うぇふかにほん公式ツイッター]でチェック!
※PPL FILMS動画最新順、前へ/次へで動画を切り替えられます。
こちらもおすすめ→Webka.Jp FILMS
ブログ内
TAG
一人旅E-3国内の旅OLYMPUS地元神奈川横浜わんにゃん止まらない衝動本州タイ海外の旅映画PANASONICデジタルガジェット動画ありPCトラブル北海道音楽備忘録旅道具イベントトイカメラ神戸小豆島ソフト&アプリ九州SONYNIKON夜景SEIKO旅(複数)PCGirlsAwardパソコン鉄道スマートフォンフィルムカメラ屋久島撮影道具浅田真央白谷雲水峡あまちゃんアメリカウェブRICHO-PENTAX台湾ロジクール四国パソコン周辺機器iPod_touch4thE-520アユタヤ土讃線終わらない断捨離の記録金比羅山バックパック香港動画風鈴ポートタワー摩耶山江ノ島横浜駅ノニ高松讃岐うどん大洗港WiMAX礼文島大部港予讃線道後温泉XJAPAN浅草FUJIFILMLEICAグラム単位の軽量化ミニチュア風小樽キャメロン・ディアスCANON松山駅テレビサッカーブライアン・セッツァー四万十川ジャガー二俣川阿部寛富士山RADWIMPS戸田恵梨香スーザン・ボイルROSEROSEトム・ハンクスオルガ・キュリレンコ阿波池田駅高知桂浜高知駅坪尻駅高知城琴平駅窪川駅仲間由紀恵メリケンパークはりまや橋南会津GoProミャンマー秋の乗り放題パスあぶくま駅兜駅COSINAハワイ水着フリー写真素材スポーツジムカンボジアラオス塔のへつり駅実験会津鉄道男鹿高原駅予土線被災地東北八重の桜会津田島駅中古車屋藤木直人大川ダム公園駅阿武隈急行線松山城しおサイダー中井貴一JR東北本線伊予大洲駅GM5函館八ツ森駅スキンダイビング川奈北海道&東日本パス平泉福島駅東京ドームMAMMUT宗谷本線熊ヶ根駅名寄駅稚内駅三ノ宮駅Milky_BunnyYMO水道橋駅カラビナ角島大橋LS-10きゃりーぱみゅぱみゅ汐吹公園東伊豆日生駅日生港浜松南京町iPod_touch4thスマートフォン青森ジョージ・クルーニー双子浦二俣川駅豊川悦司瀬戸内海観音寺駅エンジェルロード東京駅水戸駅新青森東北新幹線いしかりライナー東京スカイツリーシュノーケリングはやぶさJR東日本パスはまなす水戸黄門トレイルランニング保土ヶ谷バイパス小樽運河レオナルド・ディカプリオ

FC2ブログでIE6だけに出る「webページに問題があるため...」というエラーの原因はtwitterだった!

2011.03.01 (Tue) : ウェブとパソコン

ご注意:この記事はウェブマスター向けで、専門的過ぎる記事なので、一般の方には意味がわからない可能性があります。

ここ1週間ほどIE6(Internet Explorer 6)にだけ起こる不可解なエラーに悩まされていた。その不可解なエラーは、IE8、Firefox、Chrome、Safariでは、でないエラーだった。ちなみにIE7はチェックしていない。

うぇぶかにほん公式ブログ日本Web化計画」では、IE6をサポート対象から外したというアナウンスをしていますが、まだ使っている人が多いのも事実なのでIE6のブラウザチェックもしている。本音を言えば、このやっかい極まりないIE6がこの世界からなくなってしまえば・・・と思いますが・・・

上の画像がそのエラーで、「Webページに問題があるため、正しく表示または機能しなくなる可能性があります。今後、ステータスバーに表示された警告アイコンをダブルクリックすると、このメッセージを表示できます。」という警告ダイアログが何度も連続して出る。

詳細には、以下のメッセージが・・・

 ライン:2
 文字:3581
 エラー:"}"がありません。
 コード:0
 URL:http://webkacoco.blog84.fc2.com/

次に[ツール][インターネットオプション][詳細設定]のブラウズ[スクリプトのデバッグを使用しない(Internet Explorer)]のチェックを外して、再度IE6で見ると以下のエラー表示が・・・



 ランタイムエラーが発生しました。デバッグしますか?
 行:1
 エラー:"}"がありません。

さらにブログタイトル下の「about」~「Search」切り替えタブボタンが機能しない。

「切り替えタブボタンのJavaScriptの構文エラーかな? "}" どっか抜けてるのかな?」と思い、JSファイルを調べてみたが、何度見直しても間違いはみつからない。

「うーんおかしい、まさかIE6お得意のバグか!?」

嫌な予感がしたので、同じオリジナルテンプレートを使っている「なか散歩」「日本Web化計画」をIE6で確認してみた。すると、なか散歩では同じエラーが出たが、日本Web化計画ではなぜかエラーが出なかった。

「文字コードか?」

この3つのブログに、決定的な違いがあることを思い出した。「ピースフルパラダイスライフ」と「なか散歩」の文字コードは「euc-jp」、しかし、同じFC2ブログである「日本Web化計画」は、なぜか「UTF-8」なのだ。そして、切り替えスイッチに使っているJSファイルは、UTF-8(正確にはUTF-8N)を指定して保存している。

そう、euc-jpのブログにUTF-8で保存されたJSファイルを読み込んでいたのが原因だった。だから2つのブログだけは、JSファイルが文字化けしてしまいエラーになったのだ。非常に初歩的なミスである。しかし、IE8では問題なく機能しているので、まったく気がつかなかった。さっそく以下のように[charset="UTF-8"]を追加した。こうする事でIE6にだけ起こる文字コードの違いによる不具合を改善できる。

<script type="text/javascript" src="http://ほにゃらら/切り替え.js" charset="UTF-8"></script>

「よし、これでOKのはずだ!」

そう思い込み、すがすがしい気分で、再度IE6のチェックをしてみた。しかし、なんと、まったく同じエラーがやはり何度も連続で出るではありませんか!

「どうゆうことだこれは!?」

ただ今回は、先ほどの切り替えタブボタンが機能しない不具合は改善していた。やはり、JSファイルとの文字コード違いは、トラブルの原因だったということである。

では、他に一体何が問題だというのか?JavaScriptの構文もCSSもHTMLも何度見直してみてもエラーチェック用のソフトを使ってみても問題が発見できなかった。

それから一週間が過ぎた・・・その間、暇さえあればGoogleで問題の答えを尋ねてみたが、無情にも正解は見つからなかった。

「だめだ見つからない・・・これは、きっとIE6の呪いなんだ!そうだ、呪いだ!たぶん私のPCのIE6にだけ起こっている呪いなんだ!ブツブツブツ・・・」

気が狂いそうな気分で、今日もHTMLをひとつひとつチェックしていた。

諦めかけたその時、ふと他にもJSファイルがあることに気がついた。

それは・・・

Twitter公式ツイートボタンのタグだった。

そうです、原因は自分ではなくTwitter公式ツイートボタンだったのだ!

「なんてこったぁ~、ついったぁあ~ああついったああああ!」

ツイッタータグのJSファイルは、やはりUTF-8で保存されていた。タグに以下のように[charset="UTF-8"]を追加するとエラーは無くなった。

<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="webkajp" data-lang="ja">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js" charset="UTF-8"></script>

まさか、ツイッター・・・完全に盲点だった。しかしこれ、素人だとまず気がつか可能性が高いでしょ・・・もしかしたらツイッターは意図的にIE6排除するためにエラーが出るようにしているんじゃ!?おかげで、何時間時間を使った事か・・・。

念のためTwitter公式ウィジェットのプロフィールウィジェットのタグにも[charset="UTF-8"]を追加しておいた。

つかれた。
スポンサード リンク
この記事に拍手・コメント・共有する
share
コメント(1)

オレンジモンキーさん (2011-03-27) edit

助かりました。

感謝しています。

ありがとう。
ひと言でいいので、気軽にコメントしていってください!
あなたのそのひと言がこのブログ運営の原動力なのです。よろしくお願いします。

関連記事:ウェブとパソコン
スポンサード リンク
Profile
x
Author: 堀田けいすけ
駅と旅のガイドうぇぶかにほん及びPEPACOMのウェブディレクター。うぇぶかにほん公式ツイッターで「ほた」でつぶやき中~、顔写真はすでに10年以上前のもの~、
好きな**:PC/スマホ/一人旅/鉄道旅/降り鉄/乗り鉄/駅鉄/撮り鉄/鉄道ファン/カメラ/ロック/パンク/ハードコア/温泉/散歩/トレッキング/ハイキング/ウォーキング/サイクリング/焼肉/すし
Web Site
うぇうかにほん(Webka.Jp)日本には駅の数だけ旅がある。
うぇうかにほん公式ツイッター
Calendar
11 | 2020/12 | 01
- - 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31 - -
スポンサード リンク
旅の計画に便利なサイト
人は皆、自分がなぜ生まれてきたのかを確かめるために生きているのです。でも、その答えがだせる人はめったにいません。もし、答えが知りたくなったら旅にでましょう。旅にでるのは、美しい景色を見にいくためです。美しい景色を見るとなんで自分が生まれてきたのかが、わかるといいます。
My recommendation