スポンサーリンク

2014年6月14日土曜日

Blogger、プレビューやテンプレートHTML編集表示がおかしい

新しい記事 以前の記事

えーっと、

いつも愛用させて頂いているBloggerブログです。


またブラウザも、
最近SleipnirからChromeに殆ど乗り換えました。


しかも、

今のところ拡張機能は何も使用していない状態です。



Bloggerブログで、
レスポンシブルwebにできないかなぁ…。
と…。


管理画面から、
テンプレート≫HTMLの編集
をしようとした所、

その時点でブログの、

プレビュー画面がCSSを読み込んでいない様な表示状態でした。

(背景は真っ白&レイアウトもいびつ)


こんな感じ





まぁ、
読み込みの問題かなぁと思い、
レスポンシブルwebにしたいとコードを記載し保存。

まぁ、
レスポンシブルなので見た目は殆ど変わりません。


が、
やはり、

管理画面からのテンプレート≫HTMLの編集でも、

表示が上記と同じ状態のままでした。


しかし、
普通にブログを確認すると、
通常通りに表示されます。


まぁ、
とりあえず記事を書いて投稿しようと思い、
記事作成後のプレビューにても、
背景は真っ白でレイアウトもいびつなまま状態でした。

ここまでは、
Chromeにてです。


なので、

一応IEでも確認してみました。


IE11では、
Blogger自体がサポート外?なので、
以前紹介したIE11でBloggerブログを表示する方法にて確認しました。
IE11でBlogger管理画面,ダッシュボードを表示する方法

そうした所、
IEにおいては正常に描画(表示)されています。


そして、
通常通りにブログの表示確認もしてみましたが、
こちらも異常なしでした。


まぁ、
IEユーザが今のところ多いので記事作成を優先していました。


もしくは、

Chromeにてタブが半端なく多く表示させているので、

その影響かとも思っていました。

(大手企業サイトなども表示が乱れたりしていた為。)


なので、
Chrome起動後しばらく時間をおいて確認してみましたが、
その日は一向に改善されず状態でした。


そこで、
本日Chromeにてこの記事を作成しているのですが、
Chrome起動後かなりの時間をおいたからなのか、
プレビューもHTMLの編集画面も正常に表示されていました。


まとめ

おそらく、
レンダリング?が間に合わなかったのかなぁと考察しています。

タブをかなりたくさん表示しているので…。


しかし、
GoogleのpageSpeed insightsでは、
PageSpeed Insights

点数が2点低くなってしまいました。
この2点は何なのかよくわかりませんが…。

※結局レスポンシブルwebデザインにはしていない訳ですが…。
※正確にはレスポンシブルでなくレスポンシブwebデザインのようです。

本日のプレビュー表示画像は以下のように通常表示



スポンサーリンク


スポンサーリンク

この記事が気に入ったらいいね!
お願いします(#^.^#)

↓↓↓

最新情報をお届けします

言えないことはTwitterで!!


こんな記事も書いてます



関連性の高い記事


0 コメント:

コメントを投稿

次の投稿 前の投稿 ホーム
Related Posts Plugin for WordPress, Blogger...