Google Chrome Developer Tools : Android Debugging returns HTTP/1.1 404 Not Found. Why?

This was working fine up until yesterday. Now when I connect my Android device for USB Debuggers. Chrome is no longer display my app.

Now the popup window shows HTTP/1.1 404 Not Found.

Looks to be connecting fine and the app runs fine on my Mobile Device.

enter image description here

Capture network traffic of android app running on chrome

I am running an Android app in chrome browser through ARC Custom Runtime for which I wanted to capture network traffic of the app and inspect request/ response payload. I tried open Network tab under DEV tools for the app that is running, however I cannot see any network calls that captured under Network tab. I have also tried Charles web debugging proxy which is running on my MAC where macOS proxy is selected, but this proxy also cannot capture the network traffic of android app that is running on my computer.

enter image description here

enter image description here

Transfer data from webpage/chrome extension to Android app?

How do I transfer files or text data over the wifi network from my webpage or chrome extension to the Android app.
Wifi direct can be used to implement the same for android-android communication but what should my implementation be for a chrome webpage to Android app communication ?

Web development on Android tablet – no dev tools?

Suppose you wanted to do web development on an Android tablet. There are some options available for code editors etc. One thing I can’t get around is that Chrome for Android doesn’t have dev tools. It doesn’t even allow to disable the cache. Are there any other browsers that have the basic console and inspect element functionalities?

Please note that it doesn’t have anything to do with remote debugging. I’m looking for a way to develop with an Android tablet only.

The only thing that comes to mind is BrowserStack, but it would be slow as hell especially on a mobile device.

Debug service worker with Chrome on Android mobile

I’m developing a progressive webapp and, in order to make sure it’s working on mobile device (and particularly on Chrome for Android as it’s 90% of users), I’m trying to test service worker on an Android device.

Unfortunaltely, on Chrome for Android, I’m unable to register the service worker :

An SSL certificate error occurred when fetching the script.

Failed to load resource: net::ERR_CERT_AUTHORITY_INVALID

I know service worker needs to be served over HTTPS so I have a self-signed certificate for my webapp. It is not trusted by browsers but it is still possible to proceed anyway. When using Firefox for Android, no problem I can sign to push notifications and register the service worker but with Chrome it’s not working.

On Chrome for desktop, it’s possible to enable service worker over non-secure origin with dev tools. I hoped to find the equivalent flag that I could use on mobile but none exists.

Is there a way to authorize service worker on Chrome Android for debug purpose?

I found an old question with no helpful answer there about the same issue and decided to open this one up for visibilty.

Chrome remote debugging android: looks broken

I’m using chrome://inspect/#devices to inspect a WebView of my android-app build via cordova. It is running und an emulator on my mac. The device can be found, but if i hit “inspect” on the WebView, it opens a window like this:
enter image description here
The UI is really broken and i have no idea, why… It is not possible to move the blocks into the right place. If i inspect a usual webpage, the inspector looks normal.
I am using Chrome 66.0.3359.181, Canary does not work, too.
Does anyone have an idea, what is going wrong with Chrome inspecting devices?

is it possible Sniffing requests in android like Chrome developer network does?

I have an android 7.1 rooted.

I would like to know if there is any app that does anything like “f12” on chrome (network tab)

I have identified some apps that sniff the packets but they have neither the interface nor what i want to see.

Communication between Google Chrome extension and My Web application

I have a web application. Now I am building an extension for it.
I am now trying to authenticate user. I am saving authentication token in cookies and local storage..
First of all Is it a good approach to save tokens in local storage?
2nd how can I extract that token from my extension.

Displaying rich content with images, videos and text. custom solution or webview?

I can’t deside what is the best approach for an Android App i’m building on a Parse server.
In this app i will have a lot of content that will be like blog posts, with many images, videos and text.
I was thinking of creating a layout with code and add all those content elements on the fly from the ParsePlatform database.

I can also have those post on a wordpres site and show them with a webview

Is webview a better approach? Those are my concerns:

  • I guess parse is way faster than a blog website.

  • If the website for some reason stop working the app will have null
    . if the parse database has a problem the user might not be
    able to login.

What is the best and correct approach? i feel that webview is not a good idea. how other big applications with rich content in many screens does this?

The chrome DevTools console view display noting when I use android simulator

As titled, I am using Android SDK simulator. My remote device is detected but console and element tab shows nothing. Shared some corresponding screenshots for better understanding.

remote device | console tab | element tab