I use remote debugging of devtool to debug a webpage in Android.
I have learnt that devtool first downloaded some file(filename screen capture) necessary to debug page of webview.
However, when i clicked the filter of Network tab, something strange happened.
For example, i click XHR filter with the expection of filtering only xhr request, but only to toggle other filters than XHR tab, like All, JS, CSS, Img...gif of bizarre behavior
I used remote debugging before, but didn't encounter this strange behavior.
Is this the problem about version? I can't control the version of file which is downloaded by devtool.
Is this an official problem? Please help me, thank in advance!
Related
I worked on media queries on my website today and all of a sudden my browser won't refresh the site but rather says "No internet. ERR_INTERNET_DISCONNECTED.
I am using Visual Studio Code with Live Server by Ritwick Dey.
Console warning says "DevTools failed to load source map: Could not load content for chrome-extension://cfhdojbkjhnklbpkdaibdccddilifddb/browser-polyfill.js.map: System error: net::ERR_FILE_NOT_FOUND"
"VM10:6745 crbug/1173575, non-JS module files deprecated."
1 Issue: "Audit usage of navigator.userAgent, navigator.appVersion, and navigator.platform"
The site is on my laptop and I'm just working on it offline. What the heck is going on here?
I tried removing the queries.css file to see if that would make a difference. It did not.
Any link on the site will take me to this NO INTERNET page if I am in the responsive dimensions part of DevTools. Also when there is any edit to the html or css in VSC it immediately results in this NO INTERNET page appearing and I have to shut down the port and Go Live again.
I also opened the practice website that we are building for the class and the same thing is happening with that one as well. I have checked my html and css files on validator.w3.org and they have all checked out.
I tried changing the settings in VSC to set the browser to Chrome and also tried in Edge with the same results.
I removed the extension from VSC and reinstalled. No results. Please help!
I had to go into the settings in Devtools and reset.
open Devtools
click the gear icon at right side
scroll to bottom of settings
click "restore defaults and reload"
This made a whole variety of strange problems go away in Devtools and now it works as it should.
I'm currently using verison 72.0.3626.119 on a Debian Strecht. I've noticed that since a couple of days (perhaps one or two weeks)
I'm missing the Replay XHR menu entry you get when you do a right click on an XHR request in the network
window as described here.
I've been also searching google for this with mixed results, I've found this SO question from 2016 where
the OP seems to have a similar issue but since my xhr request are not uploading files, this does not apply to me either.
In the devtool forums I've found nothing that could help.
So the question is, is this function also gone for everybody else? Or is it just me? I've gone through the devtools
settings but I didn't find any option that would help me with this.
The replay XHR still there if you are using the xhr api via axios or something similar, however, if your app is using the new api fetch, you need to use a different approach.
Since Chrome 67, it was introduced a new feature called copy as fetch.
In that case, you can copy as fetch and paste on your console.
So, if you'd like to replay your fetch requests, just paste on your console, then press ↑ and enter to replay your XHR.
The best part of that on the new feature is that you are able to edit your request, before replay.
My SAPUI5 app consumes modules via SAP CDN. In DevTools Network tab I see that the initiator of many files is a debug version (e.g., jquery-dbg.js). I checked with SAPUI5 Diagnostics tool, the debugging is disabled.
No sap-ui-debug=true flag is provided in URL as well.
I even tried to add the following code to the <script> section of the index.html but it doesn't help:
window["sap-ui-config"] = {
"productive" : true
};
How can I switch from jquery-dbg.js to the production/minified built of jQuery?
I see that the initiator of loading many files is a debug version
There is nothing wrong with that. The reason why -dbg.js files are shown is because browsers map the source code with the production code, in order to make reading and debugging easier. Behind the scene, the production code is still run.
To disable source mapping in Chrome for example, go to devtools > Settings > Uncheck "Enable Javascript source maps"
Similar issue: https://github.com/SAP/openui5/issues/1611
Check source-maps related questions to learn more.
Fiddler works fine in Firefox but I cannot get it to work in Internet explorer. I tried uninstalling IE9 and it doesn't work in IE8 either. I normally wouldn't care so much as i does work in firefox; however, i read in ie9 the issue with localhost is gone so I would like to take advantage of that. I have looked around and cannot seem to find anyone with my same issue. Any thoughts on where to start?
Never heard about anyone having problem with Fiddler with IE.
The localhost problem is easily remedied. One writes a dot before or something like that.
IE9 has a built in request/response viewer. Not as competent as Fiddler but might work for you.
I also did not see the traffic from IE in Fiddler. What worked for me was to click and hold the button 'Any Process' in the toolbar and drag the target icon to the IE window.
Make sure IE doesn't replace fiddler mock response with the cached before one:
In IE11 you can press f12 to open dev tools and refresh the page (Ctrl + R) to see all the requests sent by the browser (in Network tab).
This is how the cached response looks like :
You can turn on force getting responses from the server and not from the cache with help of the button on the top ("Always refresh from server" button):
This is where you can find it.
People around the web have had a lot of trouble with fiddler. It turns out it is requiring a special certificate.
To fix it, go to tools>>>fiddler options>>>HTTPS and click Decrypt HTTPS Traffic, then click yes to both of the windows that appear.
Could you please tell me why I have waiting mouse cursor in my gwt application as if page not fully loaded ? It doesn't happen on dev server. It only happens in production. Also it's happening in Chrome but doesn't in IE.
Link to my app is here.
Screenshot
I checked it again in Chrome, but for me no wait cursor is Displayed. But i think, your Google Chrome is trying to open the Google Translate Menu. For me it came quickly and the page loading stopped and the mouse was at normal position.
I prefer you try updating your chrome.
I have also checked the same in my co-workers Laptop and its working fine too.
If problem still persists, please use CCleaner Software and clear all Temporary files, Browser Cache, Recent files etc. Why because, GWT creates a lot of temporary files which may reduce your system performance. So after each cleaning, just restart the system also. I had few such resolutions recently.
I opened your link in Firefox and got the following error
ERROR: Possible problem with your *.gwt.xml module file. The compile
time user.agent value (safari) does not match the runtime user.agent
value (gecko1_8). Expect more errors
This is because, you have compiled your code for Webkit browsers only. If you have added a line as below in your gwt module xml file,
<define-property name="user.agent" values="ie6">
you may either remove it or you can add more browser support via this.