I'm dealing with a problem since a few days. In normally Chrome Inspect property was working properly but suddenly that broke down. I didn't understand why happened. I'm seeing devices in page. When I clicked to inspect, It opens blank page. I uninstalled and reinstalled chrome but it doesn't work. If you have any idea about this situation, could you help me please?
I think it's a bug in the latest Chrome version, try to downgrade to an older version of Chrome.
Here is how can you downgrade Chrome version:
https://support.google.com/chrome/a/answer/7125792?hl=en
EDIT:
Use Microsoft Edge browser: edge://inspect/#devices - it's work fine for me.
Related
This worked well and the problem started happenning about two weeks ago.
I run a Chrome on a Windows 10 computer. I have already tried uninstalling, and then reinstalling Chrome since the issue started. No change.
This is what happens:
1) I start Android emulator
2) Run my cordova app in it
3) Go to chrome://inspect and click on the link for my running app on emulator. It is listed ok, that works.
4) The DevTools window opens, but it does not show all the information as it did. I see half of the screen blank. The menu tabs sometimes don't show, I have to minimize, then maximize, then they MAY show.
There are no scrollbars for any of the content panels so I cannot actually see anything useful.
I tried clicking on the gear icon in the top right of the screen, to open Settings, and see if changing something there would fix it. Nothing. The settings window opens but it will ONLY show the links on the left to the settings areas. The right side where the settings controls should be, is completely blank.
I have created a new emulator and the same happened.
I have Android Studio 3.0.1
I tried inspecting the devtools with shift-ctrl-j
It is showing some strange errors. As if it was loading an older version of itself:
Please help, I need to use this to debug my cordova app during development and I don't know what else to do. Thank you.
As explained in Kayce Basques's answer, this is due to a problem with versions of Chrome since 63.
The solution is to use an older version of Chromium.
Here are the download links for the the latest version of Chromium (version 62.0.3202.94, branch base position 499098) which support it:
macOS: https://www.googleapis.com/download/storage/v1/b/chromium-browser-snapshots/o/Mac%2F499098%2Fchrome-mac.zip?generation=1504230238091965&alt=media
Windows 64 bits: https://www.googleapis.com/download/storage/v1/b/chromium-browser-snapshots/o/Win_x64%2F499095%2Fchrome-win32.zip?generation=1504230103809077&alt=media
Feel free to edit this post to add the links for other platforms.
Check out: https://groups.google.com/forum/#!topic/google-chrome-developer-tools/s47cbyLKvxA
I haven't digested the thread fully, but I think it's due to a deprecation in Chrome that is outside of the DevTools team's control.
Please let us know if this is indeed the same issue that you're seeing.
Have a most bizarre issue that just started happening two days ago for no reason. It seems to be getting worse too. I remote into my home computer routinely to develop my cordova app. Connected to my computer is a Samsung phone for testing. After compiling my app to the phone, i launch chrome inspector to see the app and do debugging, UI development, etc
I have been doing this setup for 3 months now and it all works fine. About two days ago when I compile my app chrome inspector is just showing blank - it says its loaded the project/index.html file - but everything is blank. No resources, no elements...nothing. However when I compile and deploy the app to the device, I see the "app name" in Chrome disappear and reappear after that attaches and deploys...I then click the "app name" to open it up in Inspector. So Chrome see's it deployed, but inspector is just completely blank.
I recompile, redeploy and then it works again. But more and more lately, even after recompile/redeploy its showing blank again. I have no idea whats caused this - I didn't do any updates or plugin changes....I was literally testing CSS values when all this started. And I can't seem to find any references to this issue in google searches.
Anyone seen this before?
I had the same problem after some time researching I found that:
You can't debug the release APK!
you can just use the debug APK
for more ref
The problem turned out to be using a css style on an Ionic Modal or Popover. Specifically, using border-radius:1px. If defined, the web UI portion of Chrome Inspector would black out. So to troubleshoot my app development using Chrome Inspector I would have to disable that css style until it was ready to deploy the final app.
However, since then...and within the last 2 weeks or so, it appears that Chrome has fixed this issue. If you use border-radius with an Ionic Modal or Popover, you can see the bottom corners have the radius applied, but the top corners are square. Seems to me Chrome's fix for the problem was to simply remove top border-radius for rendering in Chrome Inspector.
I cannot add a web app to the home screen on the nexus 5, android 4.4
I've followed the instructions found at this link
https://developers.google.com/chrome/mobile/docs/installtohomescreen
You can test the problem with this app for example:
http://weight.aerotwist.com
After following the instructions, I get an homescreen icon, but tapping on it brings up a menu with the various browsers available instead of just opening the web app.
I've tested the same problem with a locally installed app and it gives the message "App isn't installed".
It looks like a bug. Can anyone confirm this? Does anyone know a workaround?
Thanks!
The cause of this problem is that in Android 4.4, WebView was changed as in previously it was based on Webkit browser, and now its based on Chromium browser.
You can follow this guide to help migrating your app to Android 4.4
I have made HTML5 application which is using vmoss platform, similar to phonegap. The application was running smoothly on samsung galaxy 10.1 tab with android version 4.0.4. After the client updated the device to android 4.1.2 now he is complaining of following issues.
Calendar control not working in new version
Text box controls having focus issues
Application GUI Issues because response is very slow
The page where issue of slowness comes is the page where child pages are loaded inside one of its div.
Can someone tell me, is it android os update issue or what?
i think it's because of the platform not updated to work/cope well with version 4.1.2
this one is vmoss platform issue.
Better try to run simple Html page with all these control without using the VMOSS at backend and see if there will be any issue.
Some time the version of Jquery doesn't fully support by the browser.
The URL which points to the user "coopthink" which works in most browsers, including Chrome and Safari on iOS is:
http://www.twitter.com/coopthink
However, if I try this on Android (I'm writing an app, but this even occurs directly in the browser), it redirects to:
https://mobile.twitter.com/#!/coopthink
and then says "Sorry, that page doesn't exist". Any idea what is wrong and what would be the correct URL?
EDIT: This seems to work on Android 2.2 and higher; only 2.1 (and possibly lower) show this problem.
Try this on a 2.2 and 2.1 emulator. I was getting some strange behavior previously with Android 2.2 and meta-tags on an emulator. See my previous post. It seems to be a bug with hashes and lower versions of the emulator code. I haven't tested it though on an actual device of the same generation.