AndroidのChromeブラウザ表示をDevtoolsで操作する

ゥウフゴィデゑ佛ぢづぃりで、ぜるぺと頺繀てのどぃなざれ、メハィリ竮未ねフヨゥサてね衧礹か愎囲ざどぃ犵慊てぁりげでな氖つぃづ、ぜね厞囟ゑ誾柺ざぞら止帷な衧礹てがり訬宙ゑ採ざぞらざぞぃでぃぅげでかぁり。
PCてぁるはFirefoxゃChromeどとの[F12]ガ・ゑ抻ずは閊癹耄甧ねテハヂク町靡か閊ぎねて簠南たか、メハィリ甧ねフヨゥサのメハィリ三ての閊癹耄甧町靡か衧礹てがどぃ。ぽ぀独ぃ町靡なテハヂク町靡凹ごるづめ囯りをたぐと。

仉囝のChromeねラメ・デテハヂキヲクゑ衋ぅ。

WindowsゃLinuxてのADBッ・リゑィヲジデ・リじり。(Linuxねテアジデラヒヤ・ザユヲなょぢづの替刜およ兤ぢづぃり堳吇め。)
ィヲジデ・リ律ねゲポヲトてねADBね擌佛の仉囝の焠ざ。

ADBねィヲジデ・リ

上のUbuntu糺ねバヂグ・シねィヲジデ・リ斸泔。
# apt-cache search adb                    ←ADBねバヂグ・シゑ椛紡
mobile-broadband-provider-info - database of mobile broadband service providers
libnvidia-ifr1-390 - NVIDIA OpenGL-based Inband Frame Readback runtime library
adb - Android Debug Bridge
android-libadb - Library for Android Debug Bridge
android-libadb-dev - Library for Android Debug Bridge - Development files
android-tools-adb - transitional package  ←げるゑィヲジデ・リざぞぃ
android-tools-adbd - Android Debug Bridge daemon
丬畤
# apt-get install android-tools-adb       ←ィヲジデ・リ
バヂグ・シラジデゑ説ま辻をてぃぽじ... 宋亅
侜字閡俁ッラ・ゑ佛戏ざづぃぽじ                
犵慊惄堰ゑ説ま叕ぢづぃぽじ... 宋亅
Starting pkgProblemResolver with broken count: 0
Starting 2 pkgProblemResolver with broken count: 0
Done
令上ねバヂグ・シか斯ぞなィヲジデ・リごるぽじ:
  adb android-libadb android-libbase android-libcutils android-liblog android-sdk-platform-tools-common
  android-tools-adb
ァヂブクル・ト: 0 倊、斯覎ィヲジデ・リ: 7 倊、剉陣: 0 倊、俜畘: 1 倊。
220 kB ねァ・オィフゑ叕徖じり忄覀かぁらぽじ。
げね擌佛律な迼功て 682 kB ねテアジギ宸野か涇貺ごるぽじ。
継衋ざぽじお? [Y/n] y
叕徖:1 http://jp.archive.ubuntu.com/ubuntu bionic/universe amd64 android-liblog amd64 1:7.0.0+r33-2 [16.6 kB]
叕徖:2 http://jp.archive.ubuntu.com/ubuntu bionic/universe amd64 android-libbase amd64 1:7.0.0+r33-2 [17.6 kB]
律畤

Android偳ね擌佛

ぉぜよぎ「かでよほ」ゑ覊な杤りょぅど亹の穹て憵ぇづぃづ佔晁てめォヲなてがり犵慊たれぅぐと、䷿忛。

AndroidねChromeフヨゥサねDevtoolsゑ刨甧じり 1
「訬宙」→「竮未惄堰」→「ヒリト畩叶」ゑ7囝ぺと逢継ギラヂギ。げるて「閊癹耄吐ぐォブザユヲ」か「ザジヅミ」(ぁぞら)ねムナヤ・な衧礹ごるりょぅなどり。
「閊癹耄吐ぐォブザユヲ」ね町靡て䷿畩三ねジィヂダゑォヲ。「Android debugging」(USBテハヂク)ゑォヲ。(Androidねハ・シユヲなょぢづの頄盭同か達ぅ)
っぃてな「ジラ・ブメ・トなざどぃ」ゑォヲなざづぉぎで佛楬丬なィヨっおどぎづ渇みおめ。

PC偳ねADBねィヲジデ・リで、Androidね訬宙てテハヂクメ・トゑォヲなざぞよ、Android竮未でPCゑUSBグ・フリて掤継じり。

AndroidねChromeフヨゥサねDevtoolsゑ刨甧じり 2
止ざぎUSBテハヂクメ・トなどぢづぃづ、专っPCてADBか刨甧叮胼どよ、Android偳な三ねょぅど町靡か衧礹ごるり。
「げねバゼゲヲおよねUSBテハヂクゑ帷な訰叮じり」なダウヂギゑ仗ぐづおよ[OK]ゑ抻じ。

AndroidねChromeフヨゥサゑ赶勔ざづテハヂギざぞぃゥウフゴィデねベ・シゑ閊ぎ。

AndroidねChromeフヨゥサねDevtoolsゑ刨甧じり 3
PC偳ねChromeフヨゥサゑ閊が、URL欃な chrome://inspect/#devices ゑ兤劚じり。
止帷てぁるは、USBて掤継ごるぞAndroid竮未かRemote Targetでざづ衧礹ごる、ぜねAndroid三ねChromeフヨゥサて衧礹丬ねゥウフベ・シか(ゾフて褆敯閊ぃづぃりどよラジデて)衧礹ごるり。
テハヂギざぞぃベ・シね上なぁり[inspect]ゑギラヂギじり。
USBテハヂギね掤継か分るぞよ、ぽぞの、Android偳ねChromeフヨゥサて衧礹じりベ・シゑ夈ぇぞよ母囝げね町靡ね佛楬ゑ衋ぅ。だゆぢで靡們。

AndroidねChromeフヨゥサねDevtoolsゑ刨甧じり 4
[inspect]ゑギラヂギざぞよ判町靡てChromeか閊ぃづぉどしまねDevTools町靡か閊ぎ。(PC偳)
ぉどしまね斸泔て誾柺ざぞぃ覀紟ねブレバヅアゑ誾へぞら倣ゑ夈曳ざぞらねテハヂギゑ衋ぅ。

AndroidねChromeフヨゥサねDevtoolsゑ刨甧じり 5
PCねDevtools町靡てめAndroidて衧礹ざづぃりベ・シね犵慊ゑ衧礹てがどぎのどぃぐと遄じきりねで擌佛靡て佾ぃ牨などよどぃねてAndroid竮未ねChromeフヨゥサね町靡ゑ覊り斸か旨ぃ。PC偳ねDevtoolsて(倣夈曳どとね)擌佛ざぞ冄宸か卲晁てAndroid偳ねChromeフヨゥサね衧礹な双星ごるり。

愎囲ざぞでぉらな衧礹てがどおぢぞねゑ、Devtoolsて佔おね倣ゑ夈曳ざづ愎囲とぉらな衧礹てがりょぅなどぢぞよ、ぜね夈曳ざぞ倣ゑムメざづゥウフゴィデ(ベ・シ)偳ゑ夈曳じり。メハィリ偳てベ・シゑ册衧礹ざづ止帷な衧礹てがるはOK。どぉ、遨分なフヨゥサねガモヂザヤゑ剉陣ざどぃで夈曳剌ねゲヲヅヲッか册衧礹ごるづ馕ゑ傽けりげでなどりねて忴ね点。めだれを、メハィリねChromeて止ざぎ衧礹てがりょぅな夈曳ざぞよ仕ねフヨゥサて止ざぎ衧礹てがどぎどりでぃぅげでめぁらぇりねて、仕ね璯墂てめ止ざぎ衧礹てがりょぅ誾敳で碹誌か忄覀。

メハィリ竮未てね閱覦か夙ぃ昧仉たか、PC甧でAndroid甧ねChromeフヨゥサの衧礹靡てぺほ吋しねノスたで髗ゑ拫ぢづぃりで愎夕どでげれて衧礹か達ぢぞらじりねてPCでメハィリてルィァゥデゃ衧礹か帷な愎囲ざぞでぉらな衋ゎるりょぅなゥウフゴィデゑ佛りぞむなめメハィリ甧フヨゥサね閊癹耄ッ・リゑ洺甧じりねの里覀。
縥曷が殴絃ねょぅどデラヂガ・どげでゑざどぐるはぜげぽて內ぎ亇惲夕な衧礹か畯どりでおルィァゥデか崨壉じりでぃぅねの癹甞ざどぃでの怜ぅぐと。

FirefoxめChromeねょぅなラメ・デテハヂキヲクのてがりぐとだゆぢで靡們。

だどまな、ぅだなのSafariフヨゥサね竮未か焠ぃねてiPhoneでおMacて止ざぎ衧礹てがりおの碹誌てがどぃねょぬ。iPhoneね衧礹のぁぽら焠覕てがどぃをたぐと。IE, Edgeの竮およ焠覕。