{"id":97,"date":"2021-12-15T15:10:43","date_gmt":"2021-12-15T12:10:43","guid":{"rendered":"https:\/\/files2.tojikon.net\/files-cloud\/2020\/03\/03\/how-to-get-the-web-console-log-in-chrome-for-android\/https:\/\/files2.tojikon.net\/files-cloud\/2020\/03\/03\/how-to-get-the-web-console-log-in-chrome-for-android\/"},"modified":"2021-12-15T15:10:43","modified_gmt":"2021-12-15T12:10:43","slug":"how-to-get-the-web-console-log-in-chrome-for-android","status":"publish","type":"post","link":"https:\/\/tojikon.net\/en\/97-how-to-get-the-web-console-log-in-chrome-for-android\/","title":{"rendered":"How to get the web console log in Chrome for Android"},"content":{"rendered":"<section id=\"related_posts\">\n<div class=\"block-head\">\n<h3>Related Articles<\/h3>\n<\/div>\n<\/section>\n<p>Chrome has a web console that is incredibly useful for debugging websites. It\u2019s really easy to access it on the desktop but the Android version of Chrome doesn\u2019t seem to have one. In fact, debugging websites on a mobile web browser gets complicated because not many browsers have a built-in web console for debugging. If you use Chrome on your Android device though, you can get the console log for any website. The only catch is you\u2019re also going to need to use your desktop for it. Anything goes here; Windows, Linux, or macOS, but you must have the Chrome browser installed on your desktop.<\/p>\n<h2>On your Android phone<\/h2>\n<p>On your Android phone, you need to do three things;<\/p>\n<ol>\n<li>Install Chrome.<\/li>\n<li>Enable Developer options. You can do this by going to the Settings app, finding System, and tapping the build number seven times.<\/li>\n<li>Enable USB Debugging. Go through the Developer options and enable USB debugging there.<\/li>\n<\/ol>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-371882\" src=\"https:\/\/files2.tojikon.net\/files-cloud\/wp-content\/uploads\/2021\/05\/how-to-get-the-web-console-log-in-chrome-for-android.jpg\" alt=\"\" width=\"1200\" height=\"1067\" srcset=\"https:\/\/files2.tojikon.net\/files-cloud\/wp-content\/uploads\/2021\/05\/how-to-get-the-web-console-log-in-chrome-for-android.jpg 1200w, https:\/\/files2.tojikon.net\/files-cloud\/wp-content\/uploads\/2021\/05\/how-to-get-the-web-console-log-in-chrome-for-android-3.jpg 300w, https:\/\/files2.tojikon.net\/files-cloud\/wp-content\/uploads\/2021\/05\/how-to-get-the-web-console-log-in-chrome-for-android-4.jpg 1024w, https:\/\/files2.tojikon.net\/files-cloud\/wp-content\/uploads\/2021\/05\/how-to-get-the-web-console-log-in-chrome-for-android-5.jpg 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\"\/><\/p>\n<p>Once you\u2019ve done all of the above, open Chrome on your phone, and connect your phone to your computer via its data cable. If you\u2019re prompted to, allow USB debugging on your phone. Go to the website you want to debug.<\/p>\n<h2>On your desktop<\/h2>\n<p>Open Chrome on your desktop. Paste the following in the URL bar and tap enter.<\/p>\n<pre>\nchrome:\/\/inspect\/#devices\n<\/pre>\n<p>Your Android phone will show up here. Click the Inspect option under the tab you want to view the web console for.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-371883\" src=\"https:\/\/files2.tojikon.net\/files-cloud\/wp-content\/uploads\/2021\/05\/how-to-get-the-web-console-log-in-chrome-for-android-1.jpg\" alt=\"\" width=\"1200\" height=\"600\" srcset=\"https:\/\/files2.tojikon.net\/files-cloud\/wp-content\/uploads\/2021\/05\/how-to-get-the-web-console-log-in-chrome-for-android-1.jpg 1200w, https:\/\/files2.tojikon.net\/files-cloud\/wp-content\/uploads\/2021\/05\/how-to-get-the-web-console-log-in-chrome-for-android-6.jpg 300w, https:\/\/files2.tojikon.net\/files-cloud\/wp-content\/uploads\/2021\/05\/how-to-get-the-web-console-log-in-chrome-for-android-7.jpg 1024w, https:\/\/files2.tojikon.net\/files-cloud\/wp-content\/uploads\/2021\/05\/how-to-get-the-web-console-log-in-chrome-for-android-8.jpg 768w, https:\/\/files2.tojikon.net\/files-cloud\/wp-content\/uploads\/2021\/05\/how-to-get-the-web-console-log-in-chrome-for-android-9.jpg 680w\" sizes=\"(max-width: 1200px) 100vw, 1200px\"\/><\/p>\n<p>A new window will open. You can interact with the Chrome browser on your Android phone via the left panel in this window or you can interact with it on your device so long as you do not disconnect it from your computer.<\/p>\n<p>At the bottom right, you will see the console for it. When you\u2019re done interacting with it and are ready to save the console log, right-click inside the console and select the save option. The log file is saved as LOG file but it can be viewed using any text editor of your choice.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-371884\" src=\"https:\/\/files2.tojikon.net\/files-cloud\/wp-content\/uploads\/2021\/05\/how-to-get-the-web-console-log-in-chrome-for-android-2.jpg\" alt=\"\" width=\"1200\" height=\"732\" srcset=\"https:\/\/files2.tojikon.net\/files-cloud\/wp-content\/uploads\/2021\/05\/how-to-get-the-web-console-log-in-chrome-for-android-2.jpg 1200w, https:\/\/files2.tojikon.net\/files-cloud\/wp-content\/uploads\/2021\/05\/how-to-get-the-web-console-log-in-chrome-for-android-10.jpg 300w, https:\/\/files2.tojikon.net\/files-cloud\/wp-content\/uploads\/2021\/05\/how-to-get-the-web-console-log-in-chrome-for-android-11.jpg 1024w, https:\/\/files2.tojikon.net\/files-cloud\/wp-content\/uploads\/2021\/05\/how-to-get-the-web-console-log-in-chrome-for-android-12.jpg 768w\" sizes=\"(max-width: 1200px) 100vw, 1200px\"\/><\/p>\n<p>This only works between Chrome browsers and not between Chromium-based browsers. Chromium-based browsers may have an internal page for devices but the chances that it detects Chrome on your Android phone, or any other browser on your Android phone are rather slim. If you need to test a website on a particular Chromium-based browser, you can try this trick and see if you have any luck but it is a Chrome-feature for the most part.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Related Articles Chrome has a web console that is incredibly useful for debugging websites. It\u2019s really easy to access it on the desktop but the Android version of Chrome doesn\u2019t seem to have one. In fact, debugging websites on a mobile web browser gets complicated because not many browsers have a built-in web console for &hellip;<\/p>\n","protected":false},"author":1,"featured_media":98,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[19],"tags":[27],"_links":{"self":[{"href":"https:\/\/tojikon.net\/en\/wp-json\/wp\/v2\/posts\/97"}],"collection":[{"href":"https:\/\/tojikon.net\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tojikon.net\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tojikon.net\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tojikon.net\/en\/wp-json\/wp\/v2\/comments?post=97"}],"version-history":[{"count":0,"href":"https:\/\/tojikon.net\/en\/wp-json\/wp\/v2\/posts\/97\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tojikon.net\/en\/wp-json\/wp\/v2\/media\/98"}],"wp:attachment":[{"href":"https:\/\/tojikon.net\/en\/wp-json\/wp\/v2\/media?parent=97"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tojikon.net\/en\/wp-json\/wp\/v2\/categories?post=97"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tojikon.net\/en\/wp-json\/wp\/v2\/tags?post=97"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}