Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない

デザインモバイルデザイン

環境

 状態:-  閲覧数:3,409  投稿日:2015-12-20  更新日:2015-12-21
Windows7
Nexux 6P(Andoroid OS 6.0.1)


概要


「2台あるWindows7 PC」の内、1台はすぐに「USBデバッグを有効にする」ことが出来たが、もう1台に対してはどうしても有効にすることが出来ない

2015/12/21 11:00
・問題発生

2015/12/21 17:23
・解決

根本的な原因は不明
・対処方法は分かったが、そもそも2台あるPCの内どうして1台だけこの現象が発生したのか、根本的な原因は不明

Android の「USB デバッグを許可」がどうしてもうまくいかない時に試した方が良いかもしれないこと

 閲覧数:1,024 投稿日:2015-12-21 更新日:2015-12-21 
以下は必須ではありません
※私が試したPCの内1台は、以下の手順を全て行わなくても簡単に「USB デバッグを許可」に成功しました。しかし、残りの1台は以下の手続きを踏まなければ正常動作しませんでした


USBデバッグをオンにした際に必要なドライバは2種類


A.Nexus6Pの内部ストレージを認識するためのドライバ
・端末をPCと接続するだけで自動インストールされる
・Google USB Driverは不要

B.Nexus6P USBデバッグ時のドライバ
Google USB Driver
・公式ページからダウンロード後、ドライバ更新が必要


A.Nexus6Pの内部ストレージを認識するためのドライバ


正常確認
・デバイスマネージャー画面で、下記のように表示されていればOK
ポータブルデバイス
┗Nexus 6P


B.Nexus6P USBデバッグ時のドライバ


正常確認
・デバイスマネージャー画面で、下記のように表示されていればOK
Android Device
┗Android Composite ADB Interface

上記表示がされていない場合は?
・一旦ドライバ削除後、再設定
・具体的には、ポータブルデバイス下辺りにあるドライバを削除後、USB抜き挿しを実施
・その後、ドライバ更新ボタンを押して、ダウンロードした「Google USB Driver」フォルダを手動指定

試行錯誤履歴

 閲覧数:352 投稿日:2015-12-21 更新日:2015-12-21 

エラーメッセージ


▼chrome://inspect/#devices
リモートデバッグは、シークレットモードでは使用できません。
Remote debugging is not available in Incognito mode.


公式サイト


Remote Debugging Devices
Note: Remote debugging requires your version of desktop Chrome to be newer than the version of Chrome for Android on your device. For best results, use Chrome Canary (Mac/Windows) or the Chrome Dev


Chrome Canary


ダウンロードして試すも効果なし
バージョン 49.0.2597.3 canary (64-bit)


デバイスマネージャーを開くためには?


・「スタート」 ─ 「デバイスとプリンター」
・右クリック後、「デバイスマネージャー」を選択


スマホでソースコードを確認するためには?


Android版のChrome
・URLの頭に view-source: を付けることでソースを表示できる
※PC版と同じ


Link


[Android] USB ドライバーの設定(Nexus7 2013)
Nexus5X/Nexus6Pのドライバをインストールする方法。


質問するも回答を得られなかったQ

 閲覧数:354 投稿日:2015-12-21 更新日:2015-12-21 

Android の 「USB デバッグを許可」がうまくいかないのですが…


困っていること
・PC画面上で、Android画面を確認したいのですが、うまくいきません

▼chrome://inspect/#devices
No devices detected. Please read the remote debugging documentation to verify your device is enabled for USB debugging.

環境
・Windows7
・Nexux 6P

現状
・端末は直接PCとUSB接続しています
・PCのデバイスマネージャ上では端末を認識出来ています(ポータブルデバイスの項目に表示あり)
・ドライバーは最新です(ダウンロード後、手動でパス指定後更新済み)
・端末の「USBデバッグ にチェック」はON です
・「ページの更新」「USB の指し直し」を試すも状況改善せず
・USBケーブルは問題ないと思います(購入したばかりなので)
・「Discover USB devices」 にはチェックを入れています
・PCのChromeバージョンは最新です
・Chrome Canary で試すも効果なし
・セキュリティソフトは切っています

質問
・「Port forwarding...」ボタンがありますが、この設定は必要でしょうか?
・Wi-Fi接続の場合は不要でしょうか?

ちなみに、成功するとどうなるの?

 閲覧数:308 投稿日:2015-12-21 更新日:2015-12-21 

メッセージ


Offline
#CV★★
Pending authentication: please accept debugging session on the device.


スマホ画面はPCに表示されない


デベロッパーツールだけがPC画面に表示される
・Elements範囲を指定してもその範囲を画面上で確認不可なので、PC画面上でUA指定するより不便


モバイルデザイン2 / スマホサイトにおけるtableタグ使用可否を検討

モバイルデザイン3 / display: table;



類似度ページランキング
順位 ページタイトル抜粋
1 「レイアウト崩れ」がどうしても解決しない → Chrome「デベロッパーツール」で怪しいと思った要素を、正常表示されるまで削除し続けていく 43
2 Google Chrome™ デベロッパーツールで表示できないスマホ画面を確認するためには、「mobile browser emulator」を使用 41
3 「パッケージ化されてない拡張機能を読み込む」でインストールした拡張は、chromeを「更新」すると正常動作しなくなることがあります。 39
4 Braveインストールしてみたけれども、全ての広告を必ず非表示に出来るわけではないみたい 38
5 borderプロパティでは、線のスタイル・太さ・色について上下左右バラバラの指定を一括することは出来ない 37
6 Chrome プロファイルが壊れている、と毎回表示されるが、英語なのでどうしたら良いか分からない 37
7 Chromeをインストール出来ない 36
8 Chromeデバッグする際CSSが()で表示される 35
9 既存サービスのCSSがどうしても効かない → 正常動作する最小構成の単体デモを作成し、移し替える 33
10 ChromeブックマークURL重複検出が出来ない / 仕様変更に伴いURL重複登録できなくなった 33
11 Chrome コンソール画面で CSSの:hover 適用スタイルを確認 33
12 「Google Chrome」タブをグループへ追加すると、そのタイミングでグループは自動的に開かれてしまいます。開かないようにすることはできません 33
13 Illustrator間で、ベクターデータコピーがどうしても出来ない場合は、Illustrator複数起動を疑う 32
14 拡張機能が Chrome によって無効にされました / この拡張機能は破損している可能性があります。 32
15 Chromeシークレットモードで、ウインドウ幅をリサイズしようとすると、下限制限を受ける 32
16 ChromeでCSSを確認する4つの方法 32
17 Chromeバージョンアップでフォント指定が効かなくなる 31
18 CSSキーフレームアニメーションで、マウスアウト時に独自のアニメーションを設定することは出来ない 31
19 Chromeブラウザは、ユーザーという単位で情報管理している(Cookieを使用する場面もあるが、必ずしもCookieだけに頼っているわけではない) 31
20 デフォルトの「Google Chrome」ではURL欄にwwwが表示されないため、「Microsoft Edge」を使用する 31
2022/10/03 23:33 更新
週間人気ページランキング / 9-26 → 10-2
順位 ページタイトル抜粋 アクセス数
1 RGB ⇔ Lab | 色変換(色) 71
2 16進数カラーコード / 2進数 37
3 血の色 / #b30000 / #360800 / #ff0000 | カラーコード(色) 26
4 「Bootstrapデザイン」✕「グラフ」 | 2系(Bootstrap) 19
5 「bgcolor」「background-color」「background」の違い | CSS 16
6 「マウスオーバー」「ロールオーバー」「ホバー」の違い | CSS 15
7 「Font Awesome 4」と「Font Awesome 5」の違い(Font Awesome バージョン4からのアップグレード) | Font Awesome(フォント) 14
7 「:hover」「z-index」を組み合わせて使用すると、正常動作しないことがある | z-index(CSS) 14
7 Design 0 14
8 RGBの種類 / ビットカラー | RGB(色) 12
9 「:after擬似要素」は、Chromeの「要素を検証」で確認できない | 擬似(CSS) 11
10 「属性」「プロパティ」「アトリビュート」の違い | CSS 9
10 Chrome でキャッシュを効かさない | Google Chrome(ブラウザ) 9
11 rem | 単位(CSS) 8
11 Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない | モバイルデザイン(デザイン) 8
11 「コズミックブルー」は、くすんだ青系全般の色を指す用語だと思います。 | カラーコード(色) 8
11 金融機関ブランドカラー / コーポレートカラー | カラーコード(色) 8
11 黒体 / 色温度 / D65(6500K)/ D50(5000K)/ K | 色 8
12 カラーコード / 色コード | カラーコード(色) 7
13 パッケージ化されてない拡張機能 | Chrome 拡張機能 6
2022/10/3 1:01 更新