in some web application when we click some radio button the page is getting loaded at that time some loader icon is getting displayed . the issue is that the loader image is appearing only for few seconds and getting disappeared. How we can find the xpath for the loader image
If your page is slower this will give you more time to look for the XPath. You can try to throttle the network (make your browser temporarily slower). This could be done from Chrome DevTools. For Windows:
Press F12 to open Devtools.
Click "More tools" (three dots menu).
Click "Network conditions".
Select network throttling profile.
Related
As the title says I'm trying to generate a report for my nuxt app served locally.
If I generate the report via DevTools it takes an extremely long time and gives me exceptionally bad scoring(compared to generating the report on the same site deployed).
If I try using the lighthouse extension the "Generate report" button is disabled.
Am I going about this wrong or is there any way to locally generate valid reports?
Thanks in advance.
Images:
chrome extension
devtools
Is your application PWA? Service workers are causing this. Try unchecking clear storage / clear cache option to the right of the window under the lighthouse tab, sometimes collapsed under a settings icon. If it's still not generating a report, do the same in an incognito window.
The issue:
The option:
And it works:
I think it's because you're not trying lighthouse in incognito mode. Browser extensions can cause that problem.
Click on the three dots under close button
Select New Incognito Window
Enter your website address
Run lighthouse
In Safari 13.1 on MacOS 10.15.4, I have a page cache that seemingly can't be cleared.
I'm working on a site, served at localhost. When I load the page, I can see in my server logs that Safari requests the page, but it ignores the response and displays an outdated version of the page.
If I close the web inspector, the current version of the page loads, as expected. If I re-open the web inspector, the cached version loads.
I've tried:
Normal page refreshes
Going into the Network tab of the web inspector and toggling the "Use the resource cache when loading resources" button
Clicking the "reload" button in the inspector
Pressing "option + command + r" as that button's tool tip suggests, which is supposed to "reload page ignoring cache"
Develop -> Empty Caches
Quitting Safari and opening it again
Nothing helps.
In the Network tab of inspector, the request for the main page shows "(inspector override)" in the "Transfer Size" column, which seems to confirm that it's using some kind of cache.
How can I get Safari not to use a cache for this page when the web inspector is open?
Get Rid of the "Local Override"
The message "(inspector override)" in the "Transfer Size" column of the web inspector's Network tab indicates that a local override is set.
Also, I hadn't noticed that the page's icon was inverted in the Network tab, as that page says.
Without override:
With overide:
When a local override is set,
[Web inspector will] intercept the network activity and replace it with a local override, allowing for quick local testing without having to modify anything on a server.
When Web Inspector is open, network requests made by the inspected page that match the URL of a local override will instead use the the response content and MIME type, response status, and response headers from Web Inspector, rather than from the network or memory/disk cache.
https://webkit.org/web-inspector/local-overrides/
In my case, I did not know about this feature (which is actually pretty cool!) and apparently had created an override by accident.
To remove a local override, go into the Sources tab of the web inspector, find the "Local Overrides" section on the left, and either uncheck the local override for the page in question or right click it and select "Delete Local Override".
We have a set of users who cannot view source or use developer tools in IE11 on Windows 10. right clicking to view source closes the browser with no errors being displayed or found in event viewer. If you hit F12 it will open briefly and then will again close the browser without errors
I am working on an add-in that is failing to load scripts via the Dialog API.
The template from the HTML renders correctly in the Dialog. If I render the template in the main TaskPane, both the HTML and the scripts execute correctly.
I can see the console logs in the TaskPane, but the Dialog seems to be a bit of a black box. There's no logs, network, or DOM info that I can see. Is there a way to enable the Safari console for the Dialog?
**** UPDATED: ADDED GIF ****
(the gif slows down the flashing of the screen, but this what happens when attempting to open the inspector in the Dialog)
I updated Safari today to 11.0 and the 'disable cache(s)' menu item (under Develop) is missing. Anyone know the new way to effect this?
As Adam has answered there was information about disable caches added to the release notes, and I've updated my answer accordingly:
For a one-off, you can use ⌥⌘R on the page to reload from origin or ⇧⌘R from Web Inspector.
For a more permanent solution, you can tell Safari to ignore cache when loading resources by opening Web Inspector then going to the Network tab and setting the icon in the top right (it turns blue when active).
After experimentation with the option in the Network tab, it doesn't appear to behave as documented in the release notes:
The setting appears to persist until manually disabled, even when quitting Safari.
Caching appears to be disabled for all pages, not just the inspected one.
Web Inspector didn't always need to be left open.
Resources served from localhost are sometimes still served from the memory cache, even if caching is disabled in the Network tab. Restarting Safari seemed to clear this behaviour.
Safari Technology Preview Release Notes (Release 27)
Browser Changes
Added a “Reload Page From Origin” alternate menu item to the View menu. This action reloads a page without using cached resources.
Removed the Option-Command-R (⌥⌘R) keyboard shortcut from “Enter/Exit Responsive Design Mode” and mapped it to “Reload Page From Origin” instead.
Removed the Disable Caches menu item in the Develop menu. The equivalent functionality is now available through Web Inspector’s Network tab.
Web Inspector
Added “Disable Caches” toggle in the Networking tab that only applies to the inspected page while Web Inspector is open.
Safari 11.1
The appearance of the icon has changed slightly in Safari 11.1:
It looks like (according to the “Safari Technology Preview Release Notes”) that the only way is to open the “Web Inspector” and go the the “Network” tab, and click the small button to ignore the resource cache.
From my testing on Safari 11.0.3, you should restart Safari after toggling "Ignore the resource cache when loading resources".