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
    content
    . 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

How to track Network calls of android app running on Chrome with ARChon Custom Runtime 1.2 – x86_64

I am running an Android app in my chrome browser for which I wanted to track/inspect all network calls that are going through. I have tried with Charles and Burp Suite proxies and enabled my Mac OSX’s Web and Secure web proxies (HTTP and HTTPS) to capture network calls.

But, none of the network calls from this app being captured by these proxies (all other network calls while accessing some websites are captured by proxies). I just cannot see any network calls that are going through even from the Network tab of chrome browser while inspecting the app from chrome://inspect/#apps. However, the app is working as expected and all pages are getting loaded with proper data. I wonder, how and where the network calls are going through…

Phonegap remote chrome debugging white screen only

I’m trying to inspect my phonegap webviews.

  • I have enabled “developer mode” in my phone.
  • It is plugged in USB
  • It is plugged and visible on chrome://inspect/#devices

chrome://inspect/#devices

But when I click on inspect, I get a white screen, without further explanation:

White screen

Any idea? Is there a way to debug this? All I find on internet are version issues, but as far as I’m concerned, I feel like I’m up-to-date.

Using:

  • Android 7.0 (Samsung A3 2017)
  • Phonegap cli-6.5.0
  • Chrome Android 65.0.3325.109
  • Chrome Desktop 64.0.3282.167

How to inspect network requests and responses happened in Android System WebView remotely?

Recently I have a problem in inspecting network requests and responses happened in Android System WebView.

The problem is that our app sometimes failed to load some urls with Android System WebView, but we can not get enough information to trace these cases.

Tools like Fiddler or Charles have some limitations like I should have access to that Android device, right?

And I also tried tools like Chrome Remote Debugging, this tool was amazing to debug problems in Android System WebView, but I should have Android device and development machine connected via USB, right?

So, is there any helpful things for me to inspect network requests and responses happened in Android System WebView remotely?

Thanks all.

App unable to make requests to localhost though port forwarding is working

I’m trying to debug my Android app built with cordova over USB.

My device is showing up in adb and chrome://inspect and I’ve port forwarded the device to connect to localhost:9000.
I have confirmed that the port forwarding is working, since I can access localhost:9000 from Chrome on the device.

However when the app tries tp make a request to localhost:9000, I get a 404 (Not Found) error.
I can copy the same address the app is trying to access and it opens correctly in Chrome on the device and also through the address bar of the webview inspector in Chrome devtools on my dev machine.

Why is my app unable to connect to localhost when Chrome can?