Variable Values Not Popping Up on Mouse Over in Chrome Debugger - google-chrome-devtools

Until recently, when paused in Chrome debugger on a breakpoint, the current state of a JavaScript variable, array or object would pop up in a yellow dialog if hovered over with a mouse. That is no longer working though I'm at a loss to know what has changed. Has anyone else experienced this? It's really making debugging a lot more difficult on this computer. My other computer still has the normal behavior in Chrome Dev Tools (both Windows 7 machines). Thanks in advance.

The same thing happened to me on 16/12/19, with version 79. But in Chrome canary, it is working fine. People who need can download it here (you can use it for now) or you can use Chrome Dev here
For the people who don't know about Chrome Canary or Dev
Chrome Canary is an experimental version of the popular Chrome browser. Google offers four release channels for its Chrome browser: Stable, Beta, Dev, and Canary. Most people use the Stable release of Chrome, which is rigorously tested and considered very reliable.
By contrast, Chrome Canary may appeal to people who like noodling around with new technology and want to get an advance look at what the standard Chrome browser may look like in the future.

Updated my chrome to version 79.0.3945.117 (Official Build) (64-bit). popup after hovering to variable is not showing.
Luckily, I found solution on google(don't know about the source now). Simply turn off the
Hardware acceleration feature and it worked. If you ignore impact of hardware acceleration turn off, this is the ideal one.
Canary version 81>= is another solution for this feature to work.

This was resolved in a later version of Chrome and is no longer an issue.

Related

Chrome DevTools - SQL query not executed

I try to execute an SQL query with Chrome DevTools for an Android app, but it's not possible, because enter button moves the cursor to the next line instead of executing a commend. It worked some time ago.
I reinstalled Chrome, removed all Chrome data and reinstalled, used Chromium browser, but still no result.
All the other functions of DevTools are working correctly, e.g. networking, database preview.
It's happening with different apps and devices.
Could anyone help?
This is a bug in new versions of Chrome. So far, the only workaround I found is to download an earlier version, 71, for example from here:
https://www.slimjet.com/chrome/google-chrome-old-version.php
You can look here for a detailed discussion:
https://github.com/facebook/stetho/issues/634

How can i troubleshoot web page on IPhone?

I have been working on a web site that i want to work on any device. It works great on all my devices except my work IPhone. Is there any kind of console or other trick I can use to troubleshoot why it is not working? Something like chrome and firefox ctrl+shift+j would be nice.
In Chrome Dev Tools you can emulate a multitude of devices with differing resolutions and other limitations: Sitepoint blog regarding emulation
you can attempt to use emulation using most any browser F12 or Inspect or the multitude of online ones (google it)
In chrome on PC hit f12 then Ctrl-shift-M

In Chrome 51, how can I activate the Canvas Profiling Feature?

I activated devtools experiments in
about:flags
but nothing shows up in settings.
Has something changed or is the feature gone? thanks
Chrome DevTools used to have a canvas profiler, as Garbee mentions, but unfortunately it was removed. (There have also been other Chrome extensions for general canvas inspection, but AFAIK none of them are still working/maintained)
Firefox has a general canvas debugger that's quite good: https://hacks.mozilla.org/2014/03/introducing-the-canvas-debugger-in-firefox-developer-tools/
Safari also added a canvas inspector that you can turn on.
Also note: there may be an extension for your framework (e.g. the three.js inspector).
The experiment was removed. As far as I know it was never made stable, so that functionality is gone completely.

Chrome Web Inspector Dev Tools Changed - Revert to older style

I've been using Chrome forever for development, but it seems as if the last few versions - they've changed the functionally of the Web Inspector.
For instance, before I was able to search the 'Resources' tab, but now I have to search via the console, which makes it less easier than the way before I think Chrome 31.
Is there a way to rever back to the previous Web Inspector?
Same thing with Safari, but they changed their Web Inspector long before...
Thanks,
Roc.

Open with Google Chrome app

Is it possible to make a Chrome app handle certain types of extensions?
For example, setting a Chrome app to be launched when you double click a .txt file, instead of launching the Chrome app first and browsing for the file.
Yes, on ChromeOS via file_handlers. On other operating systems, not yet.
The bug to track this work on Windows: https://crbug.com/130455
Linux: https://crbug.com/138665
I'm not sure if / where there is a mac bug but it is also planned.
This should help you : http://www.computerhope.com/issues/ch000128.htm
Especially the part at the end of it.
In the future - Google it, it was like the 2 result.