Android

Paano i-debug ang mga web page sa chrome para sa android sa computer

Papaano mag install ng Google Chrome Turuankita #1 (Tagalog)

Papaano mag install ng Google Chrome Turuankita #1 (Tagalog)

Talaan ng mga Nilalaman:

Anonim

Bilang isang tagapangasiwa ng isang blog, pinag-debit ko ang aking personal na website gamit ang Chrome upang makita kung paano magiging hitsura ang mga pagbabago sa tema at CSS bago ipatupad ang mga ito nang permanente sa server. Hindi ako nagtagal kung kailan hindi ko napansin ang mga mobile na pahina dahil kakaunti lamang ang mga bisita na bumisita sa aking site gamit ang isang smartphone. Ngunit ngayon, ang isang makabuluhang porsyento ng mga bisita ay binubuo ng mga smartphone at tablet, at samakatuwid ito ay kinakailangan na alagaan ang mga hitsura at pagtatanghal doon din.

Kung ito ay isang pahina sa computer, maaaring madaling ma-debug ang isang gamit gamit ang pagpipilian mula sa tamang-click na menu ng konteksto ng Chrome ngunit hindi iyon ang pagpipilian sa mga pahina sa mobile. Kaya, ngayon ay ipapakita ko sa iyo kung paano mo mai-debug ang mga mobile na pahina ng web sa iyong computer gamit ang Chrome para sa Android at Android SDK.

Pag-debug sa Pahina ng Web

Hakbang 1: I-download at i-install ang Android SDK sa iyong computer at patakbuhin ito. Hilingin sa iyo ng installer na mag-download ng Java kung hindi mo ito mai-install.

Sa kauna-unahang pagkakataon na nagpatakbo ka ng Android SDK sa iyong computer, hihilingin ka nito na mag-download ng maraming mga API at tool. Kung ang iyong solong layunin ng pag-install ng Android SDK ay i-debug ang mga pahina, alisan ng tsek ang lahat maliban sa Android SDK Platform-tool at i-click ang pindutan ng I - install ang Package.

Hakbang 2: Pagkatapos i-install ang mga tool sa platform ng Android, buksan ang Run Box (Windows + R) at patakbuhin ang % userprofile% \ AppData \ Local \ Android \ android-sdk \ platform-tool upang buksan ang direktoryo ng mga tool sa platform ng Android.

Hakbang 3: Ngayon hawakan ang Ctrl + Shift key at pag-click sa kanan sa folder upang buksan ang command prompt doon. Maaari mo ring buksan ang Command prompt gamit ang Run box at manu-manong mag-navigate sa folder.

Hakbang 4: Natapos na ito, buksan ang Chrome sa iyong Android phone, buksan ang Mga Setting -> Mga tool ng developer at suriin ang pagpipilian Paganahin ang USB Web debugging.

Hakbang 5: Ngayon sa command prompt patakbuhin ang command adb forward tcp: 9222 localabstract: chrome_devtools_remote at buksan ang Chrome browser sa Windows sa matagumpay na pagpapatupad.

Hakbang 6: Buksan ang pahina na nais mong i-debug sa iyong browser ng Android Chrome at buksan ang URL localhost: 9222 sa browser ng iyong computer.

Iyon lang, makikita mo ang lahat ng mga pahina na nakabukas sa iyong Android browser bilang mga thumbnail sa iyong computer. Upang buksan ang pahina ng pag-debug, mag-click lamang sa kani-kanilang thumbnail ng website. Magagawa mong subaybayan ang mga pagbabagong debugging na ginawa mo sa iyong computer nang direkta sa Android sa real-time.

Konklusyon

Sigurado ako na ang trick na ito ay makakatulong sa maraming mga web developer upang ma-optimize ang kanilang mga web page para sa mga smartphone. Ginamit ko ang lansihin upang i-configure ang aking mga web page at nagtrabaho ito tulad ng anting-anting. Gayunpaman, kung alam mo ang isang mas mahusay na paraan upang i-debug ang mga web page ng smartphone sa computer, ibahagi ito sa amin.