シニアフロントエンド開発者みたいにChromeデベロッパーツールを使おう - Qiita
開発環境にChromeを選ぶなら知っておきたい12のテクニック Photo by Morning Brew on Unsplash さて、何らかの理由で、開発ブラウザとしてChromeを選んだとします。次は、デベロッパーツールを開き、コードのデバッグを開始します。 Consoleパネルを開いてプログラムの出力を確認したり、Elementsパネルを開いてDOM要素のCSSコードを確認したりします。 でも、Chromeデベロッパーツールを本当に理解していますか？実は、パワフルだけど知られていない機能がたくさん用意されていて、開発効率を大幅に改善できるのです。 ここでは、最も便利な機能を紹介します。お役に立てたら嬉しいです。 ChromeのCommandメニューから始めましょう。ChromeのCommandメニューは、LinuxのShellのようなものです。コマンドを入力してChromeを操作で
Androidのテストに役立つツール2つ - Qiita
Android端末向けにアプリやwebサイトを開発するときに役立つツールと接続方法のメモ。 Vysor VysorはGoogle ChromeのアプリでPCに接続されたAndroid端末の画面をPC上に表示することができる。 ただし、Screan Recording機能を利用しているらしくAndroid4.4(Kitkat)以降の端末でしか使えないようだ。 特徴 表示するだけでなく、PC側から操作することができる。 文字入力をPCのキーボードを使ってできるのが非常に便利。 日本語の入力もPC側のIMEではなく端末側の機能を使うのだが可能。 Vysorを利用しながら、Android Studioから開発中のアプリを端末で起動することもできる アプリの開発中に使えば、アプリを起動して端末を手を持っていくことなく、PCの上で操作できてしまうので便利。 動作そのものは完全に端末側なのでエミュレータ
iPhone 実機に対して Web Inspector でデバッグ
確か iOS6 の頃からだけど、iPhone の実機に対して Web Inspector (開発者ツール) でデバッグができる。むかしはそういうツールが必要だった気がするけど、もう現代では Safari だけあればよい。また iPhone Safari だけでなくアプリ内の WebView も対応していて便利。 手順も簡単で、 iPhone の Safari の設定で Web Inspector をオンにする Safari -> Advanced -> Web Inspector iPhone と Mac を有線で接続 Mac で Safari を起動し Develop -> 端末名 -> ページ名 を選ぶ たったこれだけで非常に手軽。余計なものを入れなくていいのもうれしい。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
