タグ

ブックマーク / qiita.com/ykyk1218 (2)

  • 知っていると少し幸せになれる、Chrome検証機能の小技まとめ - Qiita

    みなさんブラウザは何を使っていますか。 僕はchromeです。 今回はchromeの検証の便利な機能を紹介したいと思います。 各種ショートカットキーはMacのものです。 何か便利小技が増えたら、ここに追記していこうかと思います。 1. 拡大縮小 拡大:「command」 + 「shift」 + 「+」 縮小:「command」 + 「-」 元の大きさに戻す:「command」 + 「0」 通常のブラウザの拡大・縮小と同じ 2. 上下キーで値の変更 Shift+↑ 10の増減 Alt+↑ 0.1の増減 3. 色をカラーピッカーから選択 カラーピッカーから色を選択できます。 さらに以前はchrome拡張機能からしかできなかったような、サイト上から色を選択してとってくることもできます。 透明度も変更できる 4. minify化しているファイルを整形 minify化されているようなファイルを整形

    知っていると少し幸せになれる、Chrome検証機能の小技まとめ - Qiita
  • console.logまとめ 2016年夏 - Qiita

    console.log関連についてまとめました。 モダンブラウザであればどれも使用できると思いますが、基出力結果等はchromeで確認したものです。 console.hogehogeのいろいろ 基 引数を入れることで出力結果をカスタマイズできます console.info、console.warn、console.error それぞれで見た目を変えることができます。 console.assert 式を評価してfalseの場合にログ出力します。 console.count ログの出力結果が同じ場合にカウント数が自動的に増えていきます。 console.dir オブジェクトのプロパティの中身をログに出力します。 console.dirxml HTMLとかXMLの要素を渡すと、下の要素が全部見れるようになります。 console.group、conosle.groupCollapsed co

    console.logまとめ 2016年夏 - Qiita
  • 1