debug

nodejs

VisualStudioCodeでNode.jsのサーバコードをデバッグする

やりたいことNode.jsでHTTPサーバを実装した際にVisualStudioCodeでデバッグします。環境Node.js v20.16.0VisualStudioCode 1.94.2デバッグFileメニューから”Open Folder...”を選択して、プロジェクトのあるフォルダを開きます。画面左の"Run and Debug"をクリックして"Create a Launch.json file"をクリックします。画面上部に以下のプルダウンが表示されるのでNode.jsを選択します。しばらく待つと以下の内容でLaunch.jsonがプロジェクトフォルダ/.vscodeに作成されます。pro...
Android

Android上のWebViewをデバッグする

やりたいことAndroid上で表示しているWebView(Html、JavaScript)をデバッグします。細かく言うと以下のことをします。作成したモバイル向けのWebページのデバッグアプリ内で作成若しくは変更したWebページをデバッグデバッグ準備Android側の準備開発者向けオプションを有効にします。(開発者向けオプションを有効にする方法は以下をご参照ください)開発者向けオプションのUSBデバッグをオンにします。Windows側の設定adb(AndroidStudio)をインストールします。(手元にadbがインストールされていないPCがないため必須か不明ですが、公式のドキュメントにadb経...
ブラウザ

Chrome拡張機能のcontent_scriptsで実行されるScriptをデバッグする

やりたいこと以下のページで特定のページでJavascriptを実行する拡張機能を作成しました。"content_scripts"で実行するScriptのデバッグをします。デバッグ方法通常のページのデバッグと同様にF12もしくはCtrl+Shit+IでDevToolを開きます。画面上部のSourcesタブを選択後に”Contens Scripts”タブを選択します。”Contens Scripts”タブが表示されない場合は>>をクリックしてから”Contens Scripts”をクリックします。”Contens Scripts”タブに拡張機能で使用するJavaScriptがリストされます。リスト...