2016.7.01 (金曜日)

便利な機能 Firefox の 3D ビューはどこへ???

firefox ファイヤーフォックス 3D

 

先月6月に更新された、Firefox

 

バージョンは 47.0 と新しくなりました!

 

Firefox は以前、「各WEBブラウザの特徴 2015年度まとめ」でもご紹介した通り、便利な機能が色々有ります。

 

その中でも、個人的には Web 開発の際に、開発ツールに有る 3Dビュー をよく使っていました。また、コーディングを勉強し始めた当初なんかは、よくこれを使ってどこがおかしいのか見て勉強していました。

 

しかし、バージョンが 47.0 になってから、その 3Dビュー がどこを探しても見つからないのです。。。

 

慌てて、色々検索した所、やはり今回のバージョンから 3Dビュー が無くなった様です。

 

さて、困りました。

 

あんなに便利な機能だったのに、、、

 

すると、どうやら拡張機能(アドオン)にてその機能が追加出来るらしい!という事で早速入れて検証してみました。

 


Tilt 3D(3Dビュー のアドオン)
https://addons.mozilla.org/ja/firefox/addon/tilt/

 


上の URL から 3Dビュー のアドオンが追加出来ます。

 

追加されたアドオンは「ツール>開発ツール>Tilt」に有ります。

 

以前の様に開発ツールの中には設置されないので、開発ツールを見て作業をしていて、ふと思った時にポチットボタンを押して!というのが出来なくなってしまったので、キーコマンドを覚えておくと便利でしょう。

 

Windows: Shift + Ctrl + M
Mac: Shift + Command + M

 

新しい 3Dビュー はこんな感じ!

 

Firefox ブラウザー 3D

 

なんか、カッコいい感じです。

 

左上の、各メニューのエリアを押せば、右下のポップアップのウィンドウの中身が HTML や CSS に変化します。

 

160701_3

 

気になるとこをろクリックして、確認しましょう!

 

操作方法は以前と変わりませんが、気になる点が一点。

 

以前までは、開発ツールの中に組み込まれていたため、 全体の HTML を見ながら、気になるエリアの HTML と CSS が一緒に見れましたが、今回からはそれが出来なくなってしまいました。

 

使いやすいか使いづらいかは個人差が有るかと思いますが。

 

個人的には、以前の様に一緒に見れた方が有り難いなぁ〜、と思いました。