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

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

環境

　状態:- 　閲覧数:4,507 　投稿日: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の内どうして１台だけこの現象が発生したのか、根本的な原因は不明

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

　閲覧数:1,206　投稿日: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」フォルダを手動指定

試行錯誤履歴

　閲覧数:519　投稿日: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

　閲覧数:524　投稿日: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接続の場合は不要でしょうか？

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

　閲覧数:459　投稿日: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デベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない 82
2 「レイアウト崩れ」がどうしても解決しない → Chrome「デベロッパーツール」で怪しいと思った要素を、正常表示されるまで削除し続けていく 43
3 Google Chrome™ デベロッパーツールで表示できないスマホ画面を確認するためには、「mobile browser emulator」を使用 41
4 「パッケージ化されてない拡張機能を読み込む」でインストールした拡張は、chromeを「更新」すると正常動作しなくなることがあります。 39
5 Braveインストールしてみたけれども、全ての広告を必ず非表示に出来るわけではないみたい 38
6 borderプロパティでは、線のスタイル・太さ・色について上下左右バラバラの指定を一括することは出来ない 37
7 Chrome プロファイルが壊れている、と毎回表示されるが、英語なのでどうしたら良いか分からない 37
8 Chromeをインストール出来ない 36
9 Chromeデバッグする際CSSが()で表示される 35
10 これまで動作していたChrome拡張機能が期待通り動作しなくなったときは、最初に、Chrome を最新の状態へ更新してみます。 34
11 ChromeブックマークURL重複検出が出来ない ／ 仕様変更に伴いURL重複登録できなくなった 33
12 既存サービスのCSSがどうしても効かない → 正常動作する最小構成の単体デモを作成し、移し替える 33
13 Chrome コンソール画面で CSSの:hover 適用スタイルを確認 33
14 「Google Chrome」タブをグループへ追加すると、そのタイミングでグループは自動的に開かれてしまいます。開かないようにすることはできません 33
15 Illustrator間で、ベクターデータコピーがどうしても出来ない場合は、Illustrator複数起動を疑う 32
16 拡張機能が Chrome によって無効にされました ／ この拡張機能は破損している可能性があります。 32
17 Chromeシークレットモードで、ウインドウ幅をリサイズしようとすると、下限制限を受ける 32
18 ChromeでCSSを確認する4つの方法 32
19 Chromeバージョンアップでフォント指定が効かなくなる 31
20 CSSキーフレームアニメーションで、マウスアウト時に独自のアニメーションを設定することは出来ない 31
2024/4/20 18:49 更新
週間人気ページランキング ／ 4-13 → 4-19
順位 ページタイトル抜粋 アクセス数
1 16進数カラーコード ／ 2進数 28
2 Windows10で「Google Chrome」が常に最前面に表示される。「アクティブウィンドウ」が最前面で表示されない → 解決方法存在しない | Google Chrome(ブラウザ) 15
3 RGB ⇔ Lab | 色変換(色) 13
4 Design 0 11
4 「マウスオーバー」「ロールオーバー」「ホバー」の違い | CSS 11
5 血の色 ／ #b30000 ／ #360800 ／ #ff0000 | カラーコード(色) 10
6 RGBの種類 ／ ビットカラー | RGB(色) 9
7 「Font Awesome 4」と「Font Awesome 5」の違い(Font Awesome バージョン4からのアップグレード) | Font Awesome(フォント) 7
8 「z-index」効果を打ち消すスタイルシートは、「z-index:auto;」 6
8 「Chrome拡張機能」開発中に遭遇したエラー | Chrome 拡張機能 6
9 Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない | モバイルデザイン(デザイン) 5
9 「bgcolor」「background-color」「background」の違い | CSS 5
10 「overflow」効果を打ち消すスタイルシートは、「overflow: auto;」 3
10 「Google Chrome」の文字が突然ギザギザで表示されるようになったら、「chrome://flags/#top-chrome-md」へアクセス後、右上の「Reset all」ボタンをクリックします。 | Google Chrome(ブラウザ) 3
10 Chrome でキャッシュを効かさない | Google Chrome(ブラウザ) 3
11 カラーコード ／ 色コード | カラーコード(色) 2
11 「Create Link」代替拡張機能を探した結果は、「CopyTabTitleUrl」でした。 | CopyTabTitleUrl(Chrome 拡張機能) 2
11 イラスト素材 | デザイン 2
11 HTML5でiframeスクロールバーを表示しない方法が不明 | HTML5(HTML) 2
11 HSLとHSVの違い | 色変換(色) 2
2024/4/20 1:01 更新