【簡単・無料】 スマホのブラウザチェック用FireFoxアドオン「User Agent Switcher」

公開日: : WEBツール, ソフトウェア, 小技

先日下記記事
蛍光灯が点きにくくなったらグローランプを交換しよう
をリライトするときに使用した便利なツール「User Agent Switcher」をご紹介します。FireFoxの拡張機能(アドオン)のひとつです。

リライトした記事がスマホでもきちんと表示されるかを確認するためのシミュレータを探していて見つけました。おかげでテーブルがきちんと表示されていないことに気づくことができました!

■修正前
STINGER3 テーブル デフォルト

■修正後
STINGER3 テーブル カスタマイズ

「スマホ ブラウザ 確認」などのキーワードでググると、Google Chromeのデベロッパーツールの記事がよくヒットします。私が実際に使ってみたところ、ウインドウ枠がスマホサイズになるだけで、表示されるページはPCページのままだったので、手軽に使えるものをあれこれ探していました。

同じ症状の方にはぜひおすすめします。

User Agent Switcherの使い方

まずはアドオンページからインストールします。

User Agent Switcherアドオンページ

インストールが完了したらメニューバーの「ツール」→「Default User Agent」→「iPhone 3.0」を選択します。
User Agent Switcher

ページの再読み込みを行うとスマホページが表示されます。
User Agent Switcher

昔は携帯での表示チェックを行うときはシミュレータをインストールしないといけませんでしたが、今は便利になりましたね。

あ、スマホチェックを行った後は、元の「Default User Agent」に戻すのをお忘れなく。

参考
http://room9.jp/2014/01/24/080000/

PC

最後までお読みいただきありがとうございます。

お手数でなければ記事のご紹介をしていただけると嬉しいです。

ブログの情報はこちらでも配信しています。



関連記事



個人的に撮影した写真を公開しています。

旅行先や街中で気になったものを撮影・公開しています。
ダウンロード無料、商用利用OKです。写真AC

関連記事

Macのデフォルトで開くアプリ(ソフト)を変更する方法

以前ご紹介したアプリ「CotEditor」が使い易すぎるので、テキストエディタのデフォルトアプリをこ

記事を読む

【WordPress】.htaccessを使ってURLをwwwありに統一する方法と注意点

WordPressで構築したサイトのURLを「wwwあり」に統一する方法と注意点についてまとめました

記事を読む

googlebot

【Fetch as Google】修正したwebページをGoogleに再クロール依頼する方法(16/05/27追記)

昨日下記の記事をリライトしました。 蛍光灯が点きにくくなったらグローランプを交換しよう

記事を読む

Facebookビジネスアカウントでログインして「いいね!」を押したときに表示されるアイコンを変更する方法

Facebookビジネスアカウントにログインしている状態で、記事やFacebookページに「いいね!

記事を読む

カチカチいわせない! Macのトラックパッドをタップでクリックできるようにする方法

Macデビューしてから1年弱になりますが、これまでクリックする際はトラックパッドをカチカチいわせてい

記事を読む

Google AdSense icon

AdSenseのアカウントを別のGoogleアカウントに移行してみた

本ブログではGoogle AdSense広告を掲載しております。 今回、一番最初にAdSenseの

記事を読む

wordpress アイコン

【WordPress・備忘録】 記事内の文字の色や大きさを変えるときに使うタグをまとめました

こんにちは、しんこー(@yakudatsujoho)です。 このブログがWordPressで構築さ

記事を読む

Macにはデスクトップ上のアイコンを整頓できるショートカットキーがあるらしい

Windowsを使用していた頃は作業中のファイルは分かりやすいようにデスクトップに保存し続け、気付け

記事を読む

【MacBook Air・Pro】 キーボードのバックライトをオン・オフにする方法

MacBook AirとMacBook Proにはキーボードを照らすバックライト機能がついています。

記事を読む

iphone6_plus_icon

意外と知らない? iPhoneの便利な小技6つ

iOS7以降のものになりますが、まとめ記事で見つけたiPhoneの小技6つをご紹介します。ぜひ試して

記事を読む

PC

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

PC

法改正
働き方改革って何? 働き方改革関連法案をふまえて労使が取り組むべき5つのポイント

2019年4月1日から働き方が変わります。 2018年6

キャンパスライフ
採用担当者からアドバイス、楽しい大学生活を送るために必要な11のこと

こんにちは、しんこー(@yakudatsujoho)と申します

社会人になった今だから断言できる、大学生におすすめのアルバイト12選

こんにちは、社会人○○目のしんこー(@yakudatsujoh

もしもし ポリスメン
【最大報酬10万円】 身バレもなく安心、警察への匿名タレコミができる「匿名通報ダイヤル」

犯罪もしくは犯罪の可能性がありそうなシーンに出くわしたが、逆恨みが怖く

公的保障 アイコン
【公的保障】 取りっぱぐれは大損! 届け出をするだけでもらえるお金

自治体によっては届け出だけでもらえるお見舞い金や支援金などが存

→もっと見る

  • 名前:しんこー
    仕事:WEB関連の仕事を10年ほど。デザインからコーディング、SEOなど幅広く手掛けている為、社内では「何やってる人?」と思われている。俺にもわからん。
PAGE TOP ↑