子育てエンジニアブログ

子育てに励むシステムエンジニア(SE)のブログ

Chrome

Chromeのデベロッパーツールでフィルムストリップ表示する方法

Chromeのデベロッパーツールでフィルムストリップ表示する方法についてです。Chromeのデベロッパーツールでフィルムストリップ表示を使用すると、ページのレンダリングのスクリーンショットと時間を始めから終わりまで表示することができます。まずは、デベ…

ChromeのデベロッパーツールでCSSの記述行に移動(ジャンプ)する方法

ChromeのデベロッパーツールでCSSの記述場所に移動(ジャンプ)する方法についてです。 まずは、Chromeのデベロッパーツールを開きます。 (command+option+I)次にStylesパネルを開きます。 セレクタやプロパティや値の上で「command+クリック」します。 (Windo…

今見ているサイトが何の技術で作られているかが分かるChrome拡張機能

今見ているサイトが何の技術で作られているか知りたい時がある。 そんな時に使えるChrome拡張機能でWappalyzerがあったのでメモです。Chromeはこちら。 chrome.google.comFirefoxもアドオンがあった。 Wappalyzer – Firefox 向けアドオン追加するとブラウザ…

Chrome拡張機能(エクステンション)のマニフェストファイル(manifest.json)の書き方

私はいつもブラウザはGoogle Chromeを使っています。 Chromeを使っているといろいろな拡張機能を使うことは多いのですが、自分で作ったことはありませんでした。 そこで、Chrome拡張機能を自分で作ってみようといろいろ調べた結果、 マニフェストファイル(ma…