debugの人気記事 2件 - はてなブックマーク

サクサク読めて、アプリ限定の機能も多数！アプリで開くはてなブックマーク閉じる ●はてなブックマークって？●アプリ・拡張の紹介●ユーザー登録●

●ログアウト

検索対象

●すべて ●タグ ●タイトル ●本文

並び順

●新着 ●人気

ブックマーク数

●1 user ●3 users ●50 users ●100 users ●500 users

セーフサーチ

●オン ●オフ

期間指定

●すべて ●1週間 ●1ヶ月 ●1年

まで

1 - 2 件 / 2件新着順人気順

絞り込み

検索対象

ブックマーク数

期間

セーフサーチ

debugの検索結果1 - 2 件 / 2件

拡張機能で Chrome DevTools に独自パネルを追加してトラブルシュートに役立てよう - Techtouch Developers Blog

● 59 users ● tech.techtouch.jp ● テクノロジー ●2024/06/26 こんにちは、カスタマーサクセスエンジニア︵CSE︶の komo です。この記事では CSE の主業務の1つにテクニカルサポートがありまして、それを効率化するために作ったツールの話をします。具体的には Google Chrome 拡張機能で DevTools に独自パネルを追加して、トラブルシュートに有用な情報を表示させるツールです。実物をそのまま紹介はできないため、ひな形を別途作りました。作り方を書くので、同じようなカスタマー系エンジニアの方々に真似してもらって、役立ててもらえると嬉しいです。ツールの説明ひな形からの発展形作り方ステップ1‥最小の拡張機能を作るステップ2‥パネルを追加するステップ3‥パネルに機能を追加するおまけ‥動作確認・キャプチャ取得用に作ったHTMLとJSON おわりに参考資料ツールの説明別途作ったひな形はこんなものです。通信を監視して、特定の ●debug ●browser ●Chrome ●あとで読む ●development ●programming ●*あとで読む

モバイル端末でのウェブアプリのデバッグ方法、Safari on iOS/Chrome on Android

● 3 users ● efcl.info ● テクノロジー ●2024/06/29 iOSのSafari、AndroidのChromeはそれぞれPCと連携してウェブアプリケーションをデバッグできます。PCのSafariのWeb Inspector、ChromeのDevToolsと連携すれば、コンソールログやネットワーク、デバッガーなども利用できます。スマホと繋いでWebサイトをデバッグする方法をまとめたページが見つけられなかったので、メモです。ネットワークで繋いでデバッグもできたりするので、結構便利です。 Mobile Safari on iOS iOSのSafariは、macOSのSafariと接続してログやネットワークの通信などを見るデバッグが可能ですドキュメント: Inspecting iOS and iPadOS | Apple Developer Documentation iOSのSafariとmacOSのSafariを接続する初回は次の設定が必要で ●モバイル ●Android ●web