タグ

デバッグとWEB制作に関するfield_combatのブックマーク (5)

  • WebGLデバッグに最強な「RenderDoc」 - Qiita

    set RENDERDOC_HOOK_EGL=0 "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --disable-gpu-sandbox --gpu-startup-dialog RENDERDOC_HOOK_EGL=0はChromeのWebGLが、DirectXでOpenGL ESをシミュレートするANGLEで動いているためで、OpenGLESの呼び出しを無視するために設定するようです。 詳細 --disable-gpu-sandboxはGPUのサンドボックス化を無効化します --gpu-startup-dialogChromeの起動時に、GPUのプロセスIDを表示してくれます。 バッチファイルをクリックしてChromeを起動すると以下のようなウィンドウが表示されます。 表示させたままで次のステップへ進みま

    WebGLデバッグに最強な「RenderDoc」 - Qiita
  • はじめてのbrowserSync - Qiita

    はじめて使ってみて社内共有用に書いたやつを転載 目次 browserSyncについて できること 5分でできる簡易インストール 管理画面の設定 まとめ browserSyncについて Live Reloadができるnode.jsパッケージ 公式サイト Adobe Edge Inspectが似たようなことできるらしいけどbrowserSyncPCでインストールするだけで拡張機能のインストールや端末へのアプリインストールも不要 参考:Adobe Edge Inspect リモートデバッグ、コード調査イメージ(画像はAdobe Edge Inspectのもの) できること 起動中にソースを変更するとブラウザをライブリロードして反映させる バックエンド依存無し、gulpなどのタスクツールとも連携しても使えるし、単独でも動作可能 apacheとか設定しなくてもターミナルで呼べば起動してくれる De

    はじめてのbrowserSync - Qiita
  • Chrome 別タブ 開発者ツール 最初から - Qiita

    こんなことはありませんか? ChromeでDevToolsを使って解析しているのに、別タブが開いてしまって 何のリクエスト投げて遷移してるか見れない ロード時に実行されるJSをデバッグできない みたいな。 開発中だと自分で作ってたりするので、あまり問題にならないのですが 運用後に発覚したバグの調査とか、急に担当者がいなくなった、 とかそんな事案が年に1回くらい発生します。 地味に方法を見つけるのに時間がかかってしまったので (開発者ツールを別タブで開く記事ばかりヒットするので) 自分がググった時の単語を記事のタイトルにしました。 設定自体は5クリックくらいでできます。 DevToolsのSettingsから [Preferences]→[Network]→[Preserve log]をONにして [Preferences]→[DevTools]→[Auto-open DevTools fo

    Chrome 別タブ 開発者ツール 最初から - Qiita
  • Google Chrome JavaScriptデバッガ完全マニュアル。 - IT-Walker on hatena

    Google Chromeはシンプルに見えてオフラインやWebアプリショートカット作成などいろんな機能が搭載されています。 そんな中、JavaScriptデバッガがあるのも発見! どんなもんかと思ってみてみたら、なんとコマンドラインベースのデバッガです。Firebugみたいな物を想定していたのですが、まさかgdb(GNU製C/C++デバッガ)みたいなのがブラウザに載ってるなんて・・・しかも全然情報ないし。 でも開発者にとっては、JavaScriptをランタイムでデバッグできると言うのは非常に嬉しい事ですね。そこで、Chromeデバッガの使用法についてちょっと調べてみました。 デバッガは、開発者向けメニューの中から選択する事が出来ます。立ち上げてみると、コマンドの表示結果が表示されるエリアと、コマンドを入力するテキストフィールドが並んでいるだけ、と言うシンプルなUIが表示されます。 最下部の

    Google Chrome JavaScriptデバッガ完全マニュアル。 - IT-Walker on hatena
  • IEでのデバッグ/動作確認に便利なソフトいろいろ:phpspot開発日誌

    IEでのデバッグ/動作確認に便利なソフトいろいろ。 沢山あるのでまとめてみました。 IETester IE5.5, IE6, IE7, IE8でのページレンダリングを1つのソフトで一括チェックできる超優れものソフト。 Vistaでも使えるようで今後のWEB開発に必須となりそうなツール。 IEとFirefoxの同時レンダリングはCSSVistaが便利。 DebugBar IEに便利機能のついたツールバーを追加 ブラウザ画面のキャプチャをメール送信 カラーピッカー 特定の画面解像度にリサイズする機能 ページの表示を 10% 〜 800% まで拡大/縮小表示できる( IE の Zoom 機能使用 ) 画像やFlashなどのobject も拡大縮小できます ソースコードをハイライト付きで表示 オリジナルのソースと、IEが解釈した後のソースを見比べることも可能 指定文字列ハイライト検索機能 Comp

  • 1