(佐賀→熊本)マークアップエンジニアのググる生活

地方のWEB制作会社で働く、フロントエンドエンジニア。
HTML、CSS、JavaScript(jQuery)、PHP、Smary、EC-CUBE、WordPress、Movable Type等々で解らない時に、Googleで検索したら解決した話や、「閃いた!」などをほとんど自分用にメモとして残すブログです。

※URLがあったら元記事を参照推奨です!
※ほとんどの事は検証はしていますが、あくまでも参考程度にお願い致します!
※記載が不正確であったことにより生じたいかなる損害に関しても、当ブログは責任を負いかねます。自己責任でよろしくおねがいいたします。

カテゴリ: ブラウザ

検索でヒットしなかったので、稀な現象なのでしょうか?
version 56 で確認しています。

メインブラウザを Firefox にしてますが、
ときどき新しいページを開いたときに応答なし(いわゆるプチフリ?)になるときがありました。

なんでかなーっで、ずっと思考停止してましたが、、、
不意に SNS ボタン(ソーシャルボタン)の読み込みが原因なのでは!?と思い、
広告をブロックするアドオンの uBlock Origin をインストール。

アドオンの管理画面→外部フィルター→Fanboy’s Social Blocking List に
チェックを入れて、右上の適用ボタンを押す。

これで完了です!

まだ長い時間経過を観察してないので、
別の問題かもしれませんが、今のところ結構改善されました。

Adblock Plus でも出来るみたいです。

firefox の標準の機能で レスポンシブモード にした時に、
select のブラウザ標準のスタイルが変化してました。

具体的には ▼ が消えていました。
何もスタイルを当ててないのにどうしてなんだ…と、
随分と悩んでいしまったのでメモ。

IEで画像が表示されない…

他のブラウザでは正常通り。

そんなときは img要素のwidthとheightの値が空になってないかチェック!


また、position: absolute; を指定している場合は
その要素に対してもwidthとheightの値が空になっていないかチェック!

初めてタイトル通りなバグに遭遇して、ググッても出てこなかった。

このバグの条件として
・position指定の親(<nav/>)relative 子(<ul/>)fixedのヘッダー固定式
・子fixedの中にドロップダウンメニュー
・同ページにvideo要素かgoogleマップがある
・1ページ程スクロールさせる

上記のようなページをchromeで閲覧すると、
ドロップダウンメニューの中身が消えたり、hover cssが無効になったりの
現象が起こった。

解決策として
親(<nav/>)relativeも fixedにしてみると直った。

結論から言うと再インストールすると直りました。


(・。・) < iPac Chomeはキャッシュが強い? >

先日、javascriptやcssを変更したけど反映されないということが。

キャッシュかな?と思ってブラウザのキャッシュを消し消し。

いざ更新! あれ変わらん・・・。

なぜ!

記述を間違えたかな?ってことでもう一回変更して更新してみたけどダメ。

で、javascriptやcssにタイムスタンプを加えてみたところ、ここでやっと変更部分が反映されました。

この件はまあそれほど気づくのに時間はかからなかった…。


(・。・) < iPac Chomeで取得したユーザーエージェントがおかしい >

普通に
<script>document.write(window.navigator.userAgent);</script>
で、取得しようとする。

一応取得はされるが、何か値がおかしい。

CriOSの記述が無いし、それにいつもの半分ぐらいの値しか取得出来ていませんでした。

メモしていなかったのでその時の値はもう無いのですが…。

とりあえず、これもchromeの再インストールで直りました!

未だにもやもや感がありますが、取り急ぎ解決したのでメモメモ。

firefoxのアドレスバーから検索するときに遅い現象を回避したくて検索したら、

そんな感じのアドオンがヒット!

@アドオン
https://addons.mozilla.org/en-US/firefox/addon/firesearchbar/


一日使ってみていい感じだったので紹介!! 

そもそもnProtectなんて縁がない人も多いかと思いますが、
家でちょこっと確認なんてしてるときにそんな事態に。

nProtectを起動しているとIETesterを立ちあげてもエラーが出てページが表示されません!

nProtectを終了すると正常に動作します。

CS-Cartを導入したサイトを構築しており、

CSSだけ更新したいなーってjqueryとかで出来ないかな?って思ってたのですが、

ブラウザのアドオンがありましたので導入してみました。


firefox

https://addons.mozilla.org/ja/firefox/addon/css-reloader/


chrome

https://chrome.google.com/webstore/detail/dnfpcpfijpdhabaoieccoclghgplmpbd


「右クリックからのメニュー」または、「F9」にてCSSだけ更新が出来るようになります。


F9で更新ってなんだか慣れないですけど、

一日使ってみたところ結構いい感じです!

私はgoogle chromeをメインブラウザとして使用しておりますが、

先日バージョンアップがあり、無事ver10になりました。

javascriptが早くなったりいろいろあるようですが、自分が一番嬉しいのは、

nProtect が動いていても google chrome の新しいタブが動いてくれるようになったことです!
ver9まではずっと読込中?のような動作でしたが、今回のバージョンアップにより改善されました。

google先生ありがとーありがとー。


※nProtect のバージョンの関係で動作しないこともあるようです。

※すみません、勘違いでした。 06/22

このページのトップヘ