パソコンでサイトやブログ作成しているとき、スマホではどのように表示されるのか確かめたいですよね。今やネット閲覧はスマホの方が多いのですもの。
おば半はスマホは勿論、ガラケーも持っていません(>_<)
スマホ表示させるプログラムをインストールしていましたが、ブログ作成しながら確認するのが面倒で止めてしまいました。
ネットをうろついていたら、耳寄り情報を見つけました。
目次
■ Google Chromeで簡単にスマホ表示が確認できます
なんと、プログラムなしで簡単にスマホの表示を見ることが出来るんですよ。
Googleのブラウザ・Chromeの「デベロッパーツール」を使います。
デベロッパーツールを表示させる方法
① メニュー「設定」から
Chromeを開いて
１ Google Chrome画面の右上にある「設定(三本線マーク)」をクリック
→「その他のツール」
→「デベロッパーツール」
をクリック。
② ショートカットキー、こっちの方が簡単ですね。
・ ショートカットキーはCtrl + Shift + I
・ Ｆ12キー
開いたデベロッパーツールの四角で囲んだ「スマホのアイコン」をクリックすると左にスマホ画面が表示されます。右端の「×」ボタンで元に戻ります。
■サイトタイトルとURLを簡単に取得、拡張機能GetTabInfo
これも又便利なChromeのアドオン（拡張機能）です。
何が出来るかというと・・・
ちょっとこのサイトのタイトルが、この記事内容でかぶってるので紛らわしいですね､ゴメンナサイ。
- サイトタイトルの「複数ページのタイトルとURLを一発取得！ Chromeの必須アドオン「GetTabInfo」 | できるネット」をコピペ
- サイトURLをコピペ
- サイトタイトルをアンカーテキストにしてリンクを張る
という最低でも３作業が必要ですよね。
それが１回で済む、と言うスグレものです。
例で示したものは最もシンプルなテンプレート利用です。他にQRコード付きの者などもありますし、自分でカスタマイズしたテンプレートを保存しておくことも出来ます。
更に便利なのは、ひとつのサイトの分ではなく、Chromeで開いている全てのタブのサイト分全てが作れるんです。
きちんと知りたい方は↑のサイトでご覧下さいね。
■ Chromeの便利なショートカット
じつは私は通常のブラウザはスレイプニール４です。Windows９８からパソコンを始めて以来、ずーっとこれ。途中でスレイプニール６が出て、現在はこれを使って居る人が多いと思いますが、バージョンアップしていません。
一度トライしたのですが、メニューバーなどが一新されて、ついて行けなかった･･･Sleipnir 4 が捨てがたいファンが多かったらしくて、Sleipnir 6 が主流になってもSleipnir 4 も継続してバージョンアップしています。
話がずれてしまいました、ﾒﾝｺﾞﾃﾞｽ<(_ _)>
という事情で、クロームは補佐的にしか使っていなかったので、いろいろ進化して便利になっていることを知りませんでした。
履歴の一覧を表示するショートカット
不便だなぁといつも思っていた「履歴の一覧表示の仕方」がわかりました。
なぁんだ！ってくらいの簡単なことでしたね。
戻るボタンを長押しするんですね。
-
これまでは、ショートカットキーでやってましたが、これだと開いてみないとどのサイトが開くかわからない(>_<)
目的のサイトが出てくるまで、タブがどんどん増えて、訳がわからなくなっちゃってましたよ。最大２５までさかのぼれるそうですけど。
別のタグで開くときのショートカット
Chromeは新しくサイトを開くとき、新たにタグが開きませんよね。これだと、いちいち戻るを繰り返さなくてはならない・・・。
その時 「alt」キーを同時押しすれば、別タグで開きます。
