[B! chrome] mzkzzzのブックマーク

最高にわかるChromeデベロッパーツールの使い方(チートシート付き)

作成‥2016/07/11 更新‥2017/04/16 Web制作 > 使い方初めてデベロッパーツールを触る人でも分かるように、簡潔・シンプルに書きました。画像付きのチートシートのようなものですね。今回は初心者の方向けということでChromeデベロッパーツールの入門編。Chromeは最新版です。エンジニア速報は Twitter の@commteで配信しています。設定背景色を黒にするタブの幅を変えるエディタエディタとして使うローカルファイルのコードを整形するコンソールログの閲覧・JavaScriptの入力や練習エレメント編集 CSS内の画像サイズと大きさを知るカラーフォーマットの変更 Breakpoints / クリックされた時のコードを見つけるモバイル回線速度のエミュレート通信環境を選択 Androidデバッグモバイルデバックの実機を増やすネットワーク

mzkzzz 2016/07/12

ローカルファイル編集できるのしらなんだ。

リンク

Adobe製のJavaScriptデバッガTheseusがすごい - Qiita

この前、研究室の先生に教えてもらったAdobe製のJavaScriptデバッガTheseusがかなり便利なのでご紹介します。 Theseusとは Theseusは、AdobeとMITの共同研究から生まれたJavaScriptのデバッガです︵→学会論文︶。ChromeとNode.jsの上で動きます。具体的に何をしてくれるのかをざっくり言うと、関数のコールを追跡して、BracketsというAdobe製のエディタに下画像のような感じで表示してくれます。 Theseusのすごいところは、コールバックの実行まで追跡してくれることです。もちろん、エラーが起きた箇所もすぐに見ることができます。また、デバッグをするとき、気になる箇所にconsole.logを挟むことがあると思いますが、Theseusを使えばその必要もありません。関数の横に表示されているコール回数をクリックすれば、その関数の実行ログを表示し

mzkzzz 2015/01/13

リンク

Chrome Experiments

Chrome Experiments is a showcase of work by coders who are pushing the boundaries of web techno logy, creating beautiful, unique web experiences. You'll find helpful links throughout the site for creating your own experiments, and you can also explore resources like WebGL Globe and our workshop of tools.

mzkzzz 2014/01/29

かわいい。レゴ×Chrome！組み立てて地図上におけるのがすてきだ。

リンク

Firefoxはもう限界！Chromeへ完全移行したお勧めの拡張の紹介

※今回はFirefoxユーザーへの記事です。本当にね、Firefoxが好きでず～っと使ってた。でもね、もう限界です。 WordPressで画像をUPすれば固まる。 1PassWordのパスワードは読み込まない。それがもう最近は頻繁。もういいっ！Chromeへ移行してやるとはいうモノの、今まで何度もChromeは挫折。何よりも﹁ブックマーク﹂が無いのが違和感、使いにくい。でも、最近はFirefoxでもブックマーク代わりは専ら﹁Speed Dial﹂。そして、いつの間にか︵僕が知らんかっただけだけど︶Chromeに﹁Speed Dial2﹂が・・・！イケる。。これならいける。前のChromeのSpeedDialはFirefoxのに比べて残念な子だったけど、 Speed Dial2は出来る！ていうか、Firefoxのより出来る。。そして、その他のFIrefoxで欠かせない

mzkzzz 2013/10/25

リンク

はてなブックマーク

タグ

関連タグで絞り込む (9)

chromeに関するmzkzzzのブックマーク (4)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第2週）

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

今週のはてなブックマーク数ランキング（2024年7月第1週）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス