chrome

Chrome 76(現在77)LighthouseでPerformance計測

Performance計測ツールのLighthouseが同梱されたようです。 本当は前回の76で入ったのですが、前回のnews releaseから漏れていたようなので、77に記載したとのこと。 developers.google.com 簡単に使えます 対象サイト上でAuditタブを選んで Run Audit すれ…

メモ:極めろ!!Google Chrome Devtools 52の関節技

極めろ!!Google Chrome Devtools 52の関節技 - Qiita こういうの好きなのでついつい見てしまいます。 結構知らないのがあり、勉強になりました。 30.リソース依存関係を表示 ①shiftを押しながらリソース名をhoverする 33.各リソースを読み込みにかかった時…

Chrome Extensionのテストにjasmineを使う

イライラ駆動開発として久しぶりにChrome Extensionを作成しました。 その際に testing frameworkとしてjasmineを使おうとしたのですが ググってみると「最新のjasmineをダウンロードしてアレとコレをコピーして使え」みたいな記事ばっかりで npmでinstallし…

Chrome Devloper Tools の便利機能

Web+DB Press vol.89 の Chrome Devloper Tools 入門を読んでいて monitorを知らなかったので調べてみると、他にも公式のAPIに詳しく載っていました。 Command Line API Reference - Google Chrome Web+DBの方はTimelineなどの解説もあり。Chrome Developper…

google short urlでqrコードを作成する

GoogleのURL短縮サービスgoo.glでQRコードを作成する方法(隠し機能・イースターエッグ) - MiuxMiu どうやら隠し機能らしいのですがURLの最後に.qrをつけるだけでokなようです。 試しにやってみると http://goo.gl/W8KDihttp://goo.gl/W8KDi.qrとすると 作成…