// archives

FireFox

このカテゴリの記事数は 3 本です。

FirefoxのRSSフィードが朝日新聞から毎日新聞に変わった?

突然、一昨日あたりからFireFoxにプリインストールされているRSSニュースが、朝日新聞から毎日新聞に変わりましたよね?

http://fxfeeds.mozilla-japan.org/rss20.xml

がプリインストールされているのですが、なんかニュース記事にアクセスすると毎日新聞の記事になってました。

よくわかりませんが、朝日のほうがいいので、

http://rss.asahi.com/f/asahi_newsheadlines

こちらに変更しました。
朝日新聞派の方は、どうぞ。

PCからモバイルサイトを見る方法-FireFox拡張機能 UserAgentSwitcher

UserAgentを偽装して、PCからモバイルサイトを見るようにするFireFoxプラグインです。

わざわざ携帯電話からサイトへアクセスするより、PCから見たほうがかなり便利。

UserAgentとは、「サイトへアクセスする際の名札」みたいなもので、自己申告制です。よって、DoCoMoの名札を持ってアクセスすれば、DoCoMo用のページにアクセスできるようになります。

ただし、IP制限しているモバイルサイトへはアクセスできませんので、実機でアクセスしてください。

そのほかにも、IEのUAに変更して、IEしか対応していないサイトへアクセスしたり、便利です。

ご利用はこちら

最強のFireFoxエクステンション「FireBug」

FireFoxのエクステンション(拡張機能)の1つ、FireBug(日本語) は、Web ページを閲覧中にクリック一つでCSS、HTML、及び JavaScript をリアルタイムに閲覧、編集、またはデバッグすることが出来るエクステンションです。

自作サイトのバグを見つけたい
お気に入りのサイトのCSSやHTMLを覗いてみたい
あのページの表示速度が遅いけど、ボトルネックはどこだ?
CSSやHTMLをリアルタイムに編集しながら、プレビューしたい
JavaScriptのデバッグ機能がほしい
WEBサイト製作のツールはどれがいいの?

など、そんな悩みを解決してくれる拡張機能です。

インストール方法

こちらからアクセスして、「インストール」をクリックしてください。

インストールをクリックした後、下記の画面が表示されたら「今すぐインストール」をクリック。

(インストールにあたって、セキュリティーのポップアップが出る場合がありますが、「許可」で問題ないです)
インストールはこれで完了です。FireFoxを再起動して、FireBugを有効にしてください。

FireBugの使い方

さて、次に実際にこの拡張機能の使い方です。FireBugを使って覗いてみたいサイトをブラウザで開いて、「ツール」→「FireBug」→「 FireBugを使う」をクリック。

あとはメニューが下段に表示されますので、まずは「調査」して、サイト内を分析して、さらにはお好きなように編集することも可能です。

調査をクリックしてサイト内を分析

ここでは、HTML構造を調査して分析しているところです。ブラウザ上段の青枠で囲われている部分が、下段の青塗りの部分に対応します。この部分のHTMLソースってどうなってるの?が一目瞭然です。FireFoxにデフォルトで実装されている「右クリック」→「選択した部分のソースを表示」に比べてより正確な分析が可能です。
ロード完了までの時間を計る

画像の読み込む速度など、ローディングタイムを目視で確認できます。ファイルごとに読み込む速度が把握できるので、どのページがボトルネックになっているのか、サイト修正にも役立ちますね。
ロード完了までの時間を計る

もし、その場でCSSやHTMLなどを編集してみたい場合には、そのままソースを編集するだけです。
編集がリアルタイムで反映されます。Javascriptのデバッグも同様に可能ですので、メニューから
スクリプトを選んで表示を変更してみてください。