{"id":5133,"date":"2015-10-30T17:47:34","date_gmt":"2015-10-30T08:47:34","guid":{"rendered":"https:\/\/appkitbox.com\/en\/?page_id=5133"},"modified":"2019-01-17T20:30:09","modified_gmt":"2019-01-17T11:30:09","slug":"tools12","status":"publish","type":"page","link":"https:\/\/appkitbox.com\/en\/support\/tools\/tools12\/","title":{"rendered":"Remote debugging in Chrome for Android"},"content":{"rendered":"<h2>Remote debugging in Chrome for Android<\/h2>\n<p>Remote debugging in Chrome for Android is a feature that allowsyou to display your site in Chrome for Android while debuggingthe site using Chrome DevTools on your Mac or PC. If this feature is used in conjunction with Remote TestKit,you can test your web application on a wide variety of devices.<\/p>\n<p>* It will be necessary to configure adb on your computer ifyou are not already using this functionality.<\/p>\n<p>In addition, unless otherwise specified, the term \u201ccommand-line\u201d,refers to \u201cCommand Prompt\u201d on Windows and \u201cTerminal\u201d onMac OS X.<\/p>\n<h4>Set-up Chrome on the Rental device<\/h4>\n<ol>\n<li>Start Chrome for Android, and select [Settings] from themenu.<\/li>\n<li>From that section select [Developer Options].<\/li>\n<li>Enable by checking the [USB Debugging] checkbox<\/li>\n<li>Open the web page you want to test.<\/li>\n<\/ol>\n<div class=\"l-imgbox\"><img src=\"https:\/\/appkitbox.com\/en\/wp-content\/themes\/testkit-en\/images\/43-500x478.png\" \/><\/div>\n<h4>Connecting to Chrome via your PC\/Mac<\/h4>\n<p>If you have not set up a integration with Eclipse (ADT) \/DDMS \/ adb, you can enable the ADT\/DDMS\/adb integration fromthe [Enable Device Functionality -> ADT\/DDMS\/adb] menu.<\/p>\n<p>Reference to: <a href=\"..\/tools04\">Integration with Eclipse (ADT) \/ DDMS \/ adb<\/a><\/p>\n<p>On the command-line , enter the following commands:<\/p>\n<pre>adb forward tcp:9222 localabstract:chrome_devtools_remote <\/pre>\n<div class=\"l-imgbox\"><img src=\"https:\/\/appkitbox.com\/en\/wp-content\/themes\/testkit-en\/images\/chrome-for-android01-500x265.png\" \/><\/div>\n<h4>Test via the the PC\/Mac\u2019s DevTools<\/h4>\n<p>In Chrome on the PC\/Mac, enter the URL below:<\/p>\n<pre>http:\/\/localhost:9222\/<\/pre>\n<div class=\"l-imgbox\"><img src=\"https:\/\/appkitbox.com\/en\/wp-content\/themes\/testkit-en\/images\/44-500x357.png\" \/><\/div>\n<p>The page shown on the smartphone should be displayed.<br \/>\nIf you click the open page, Chrome DevTools on the PC\/Mac canbe used on the site shown in the smartphone\u2019s display.<br \/>\nWhile viewing the screen you can verify DOM contents or debuggingin response to common actions as with the PC\/Mac.\n<\/p>\n<div class=\"l-imgbox\"><img src=\"https:\/\/appkitbox.com\/en\/wp-content\/themes\/testkit-en\/images\/45-500x239.png\" \/><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Remote debugging in Chrome for Android Remote debugging in Chrome for Android is a feature that allowsyou to display your site in Chrome for Android while debuggingthe site using Chrome DevTools on your Mac or PC. If this feature is used in conjunction with Remote TestKit,you can test your web application on a wide variety [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":4933,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"support-template.php","meta":{"content-type":""},"categories":[5,10],"aioseo_notices":[],"acf":[],"_links":{"self":[{"href":"https:\/\/appkitbox.com\/en\/wp-json\/wp\/v2\/pages\/5133"}],"collection":[{"href":"https:\/\/appkitbox.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/appkitbox.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/appkitbox.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/appkitbox.com\/en\/wp-json\/wp\/v2\/comments?post=5133"}],"version-history":[{"count":0,"href":"https:\/\/appkitbox.com\/en\/wp-json\/wp\/v2\/pages\/5133\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/appkitbox.com\/en\/wp-json\/wp\/v2\/pages\/4933"}],"wp:attachment":[{"href":"https:\/\/appkitbox.com\/en\/wp-json\/wp\/v2\/media?parent=5133"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/appkitbox.com\/en\/wp-json\/wp\/v2\/categories?post=5133"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}